vue2.0图片无法加载
发布网友
发布时间：2022-04-20 15:23
共2个回答
热心网友
时间：2022-04-26 18:20
关于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",
}]
热心网友
时间：2022-04-26 19:38
<template>
<img :src="url"/>
</template>
data(){
return {
url:require(图片路径）
}
