vue2.0图片无法加载

Posted 2023-03-24

在Layout.vue里插入一个img。路径是HB自己弹出来的，应该不会有错。渲染出来的是第四张图。求大佬帮下忙解决！！

关于vue.js 2.0中，图片路径获取的方法：
html原生结构：<img src="image/1.jpg" width="100%" height="100%">
在vue中
<div class="m-el">
<img v-bind:src=item.img|imgUrl />
</div>

var vm = new Vue(
el: '.m-el',
data:
items:[

id:"",
img:"",

]
,
// 在 `methods` 对象中定义方法
methods:
get:function()
this.items=JSON;
//JSON 字符串||对象


,
filters:
imgUrl: function(value)

if (!value) return '';
value="image/"+value;
return value;


);

采用 vm 的filters 方法进行
JSON=> [
"id": "1",
"img": "0.jpg",
,

"id": "2",
"img": "1.jpg",
] 参考技术A <template>
<img :src="url"/>

</template>
data()
return
url:require(图片路径）