黄山市建设工程造价管理站网站,wordpress上传地址,枣庄seo推广,大庆最新消息今天现象#xff1a; 原因#xff1a;在nuxt3中不支持require的方式引入图片/文件等静态资源。
解决办法#xff1a;
1. 直接在img标签中的src属性里写明图片的路径#xff0c;但是此时src前面不能有冒号做动态绑定#xff01;#xff1a; src/assets/images/loading…现象 原因在nuxt3中不支持require的方式引入图片/文件等静态资源。
解决办法
1. 直接在img标签中的src属性里写明图片的路径但是此时src前面不能有冒号做动态绑定 src/assets/images/loading.gif 但注意图片路径一定要从assets目录开始否则会报错 找不到文件。 2. 通过import 图片变量 from 图片路径然后在img标签中的src属性引用该图片变量
此时src属性左边需要有冒号表示动态绑定否则同样报错找不到文件
但需要注意的是 如果使用的是script langts标签
则setup函数里面state定义的变量需要通过...toRefs函数结果并return返回。
如果使用的是script setup langts标签, 则不需要return返回该标签内部的所有变量默认都是响应式数据所以不需要使用reactive
