vue+elementui 中src动态加载图片的时候不起作用

vue+elementui 中src动态加载图片的时候不起作用代码如下：<el-table-column align="center" label="宠物图片" prop="imageId"><img style="width: 100%" :src="petImage"/></el-table-column>petImage: '../assets/logo.

梁同学与Android

2703人浏览 · 2020-09-25 14:06:18

梁同学与Android · 2020-09-25 14:06:18 发布

vue+elementui 中src动态加载图片的时候不起作用

代码如下：

<el-table-column align="center" label="宠物图片" prop="imageId">
     <img style="width: 100%" :src="petImage"/>
</el-table-column>

petImage: '../assets/logo.png',

修改代码为：

petImage: require('../assets/logo.png'),

即可

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^