vue使用for循环展示图片列表

<div class="icon-list-container"><div class="icon-list" v-for="item in items" :key="item.name"><img :img="base64Config[`${item.icon}`]" alt="" /></div

小学生也要加班

2846人浏览 · 2021-01-12 09:48:22

小学生也要加班 · 2021-01-12 09:48:22 发布

<div class="icon-list-container">
  <div class="icon-list" v-for="item in items" :key="item.name">
    <!--此处是vue加入图片的一种方法 -->
    <img :img="base64Config[`${item.icon}`]" alt="" />
  </div>
</div>


return{
  base64Config,
  items:[
   {icon:'img1'},
   {icon:'img2'},
   {icon:'img3'},
]
}

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