vue-table里面放入图片

vue-table里面放入单个图片

亮仔ゞ

5254人浏览 · 2022-03-22 16:34:39

亮仔ゞ · 2022-03-22 16:34:39 发布

代码

单个图片

<el-table :data="data" style="width: 100%">
      <el-table-column prop="cover" width="180">
        <template slot-scope="scope">
          <img :src="scope.row.cover" width="100" height="100" class="cover" />
        </template>
      </el-table-column>
</el-table>

scope和scope.row是vue的，cover是 table中传入的data里面的属性

传入数据格式

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