vue-element ui 表格里面嵌套图片

显示一张图片的方法：<el-table-column label="头像" width="100">2<template scope="scope">3<img :src="scope.row.head_pic" width="40&quo

NAME-CJF

11196人浏览 · 2018-04-04 16:52:07

NAME-CJF · 2018-04-04 16:52:07 发布

显示一张图片的方法：

<el-table-column label="头像" width="100">
2                 <template scope="scope">
3                     <img :src="scope.row.head_pic" width="40" height="40" class="head_pic"/>
4                 </template>
5             </el-table-column>

显示多张图片：

1 <el-table-column prop="pictures" label="描述图片">
2                 <template scope="scope">
3                     <img v-for="item in scope.row.pictures" :src="item" width="40" height="40" class="head_pic"/>
4                </template>
5             </el-table-column>

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