vue 图片渲染

使用v-for循环渲染图片图片徐然都是经过编译的，所以js里layTable:[{id:1,src:require("../../../assets/A12.png"),laytype:"A"},{id:2,src:require("../../../assets/AA12.png"),laytype:"AA"},

bloxed

4062人浏览 · 2017-09-08 22:46:06

bloxed · 2017-09-08 22:46:06 发布

使用v-for循环渲染图片

图片徐然都是经过编译的，所以js里

layTable:[{id:1,src:require("../../../assets/A12.png"),laytype:"A"},
                       {id:2,src:require("../../../assets/AA12.png"),laytype:"AA"},
                       {id:3,src:require("../../../assets/AAA2.png"),laytype:"AAA"},
                       {id:4,src:require("../../../assets/AB112.png"),laytype:"AB"},
                       {id:5,src:require("../../../assets/BA11.png"),laytype:"BA"}
                       ],

图片地址需要使用require( ),在页面渲染编译时才能显示。

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