vue 在方法里用字符串赋值图片路径获取不到,提示找不到图片

vue 在方法里用字符串赋值图片路径获取不到,提示找不到图片_第1张图片

 

 原因

直接通过字符串赋值命名路径是不会生效的,如

this.file1="../assets/addmodel/TAR.png"

因为在Vue模板中直接使用字符串赋值的方式不会被解析为正确的资源路径。

你可以使用动态绑定(v-bind 或简写为 :)来设置图片的路径。这样可以确保路径正确地被解析成资源路径。然后在路径用require括起来

this.file1=require("../assets/addmodel/TAR.png")

你可能感兴趣的:(vue.js,javascript,前端)