VUE-002-el-table-column两种赋值方式

赋值方法1. 使用prop<el-table :data="tableData"><el-table-column prop="date" width="200" label="日期"></el-table-column></el-table>赋值方法2. 嵌套一个template<el-table :data="tableData">&

lemon_tree1002

4571人浏览 · 2021-12-21 11:08:10

lemon_tree1002 · 2021-12-21 11:08:10 发布

赋值方法1. 使用prop

<el-table :data="tableData">
    <el-table-column prop="date" width="200" label="日期"></el-table-column>
</el-table>

赋值方法2. 嵌套一个template

<el-table :data="tableData">
    <el-table-column label="日期" width="200">
        <template slot-scope="scope">
            {{ scope.row.date }}
        </template>
    </el-table-column>
</el-table>

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