直接这样引用无法显示,不知道为什么…
<img :src="image"/>
<script>
export default{
data(){
return{
myimage:"图片地址",
}
}
}
</script>
正确方式:
<img :src="image"/>
<script>
import image from "图片地址"
export default{
data(){
return{
myimage:image,
}
}
}
</script>
本文详细介绍了在Vue.js项目中正确导入和使用图片的方法,对比了错误的直接引用方式和正确的通过import语句导入的方式,确保图片资源能够被项目正确识别和利用。
直接这样引用无法显示,不知道为什么…
<img :src="image"/>
<script>
export default{
data(){
return{
myimage:"图片地址",
}
}
}
</script>
正确方式:
<img :src="image"/>
<script>
import image from "图片地址"
export default{
data(){
return{
myimage:image,
}
}
}
</script>
780

被折叠的 条评论
为什么被折叠?