vue的src的动态绑定赋值问题

html:&lt; li v-for=“item in items”&gt;&lt; img :src=“item.src” alt="" /&gt;script : data(){items:[{id:1, src:require(’…/…/assets/item2.jpg’)},{id:2, s

虎小康

2945人浏览 · 2019-03-06 21:47:50

虎小康 · 2019-03-06 21:47:50 发布

记录
html: < li v-for=“item in items”>< img :src=“item.src” alt="" />
script : data() {
items:
[
{id:1, src:require(’…/…/assets/item2.jpg’)},
{id:2, src:require(’…/…/assets/item2.jpg’)},
{id:3, src:require(’…/…/assets/item2.jpg’)},
{id:4, src:require(’…/…/assets/item2.jpg’)},
{id:5, src:require(’…/…/assets/item2.jpg’)}
],
起初： src:’…/…/assets/item2.jpg’ 无效，请求不到；
改成 src:require(’…/…/assets/item2.jpg’
解决参考：
https://blog.csdn.net/Milan_KunderLa/article/details/80319548
https://blog.csdn.net/weishidong/article/details/78214882

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}$/, //不连续的两位字母// /^