如何在背景图片上设置Vue Css变量

Question

` 这是我的状态 const icon = ref('image.jpg')

 <style scoped>
 background-image: url(icon);
 </style>

 This approach is not working please advise how to go about it

 background-image: url(icon);

 This approach is not working please advise how to go about it`

Answer 1

尝试像在模板中那样调用它

<style scoped>
background-image: url({{ icon }});
</style>