css变量赋值之后界面无法显示图片

为啥vue中js给css路径变量赋值无效？赋值应该是成功了，但是图片没有渲染，以前也遇到过这种问题，但是一直没办法理解，还请指条明路！

应该是路径不对吧，如果路径正确，使用reauire(url)试试

• 你可以看下这个问题的回答https://ask.csdn.net/questions/7563565

在CSS中使用变量赋值可以方便地实现样式的动态更新，但是在使用CSS变量时需要注意一些细节。

首先，CSS变量只是一种抽象的概念，其本身并没有实际的值，只有在应用到具体元素的样式中才会被解析为实际的值。因此，在使用CSS变量时需要确保其被正确地应用到了目标元素上。

其次，在Vue.js中使用JS给CSS路径变量赋值时，需要注意图片资源的路径是否正确。如果使用相对路径来引用图片，需要确保该路径是相对于CSS文件所在目录的，而不是相对于JS文件所在目录的。否则可能会导致图片无法显示的问题。可以尝试使用绝对路径或者base64编码来解决这个问题。

最后，也需要确保图片资源是存在且可访问的。可以通过浏览器开发工具查看网络请求是否正常以及图片资源是否加载成功。

总之，在使用CSS变量时需要注意路径问题，并确保资源存在且可访问。如果仍然无法解决问题，可以通过调试工具进一步查找原因。