Vue3中background-image:url()不显示问题及解决过程
作者：真砂4丁目
在Vue3中,直接在div的style属性内写背景图片样式无法显示,可能因样式绑定语法或作用域问题,将样式移至CSS类并正确应用后解决,建议检查样式绑定格式及CSS作用域配置
问题描述
使用vue3时想给一个div设置背景图片
一开始把background-image:url(xxx/xxx.png)写在了div的style里，背景图片怎么也显示不出来
图片路径也确认过没有问题。
解决方案
给div添加了class属性，并把background-image:url(xxx/xxx.png)改写到<style></style>中
背景就可以显示了
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。