vue elementyUI table ：点击一行时选中这一行对应的复选框

<el-table @row-click="clickRow" ref="tb" :data="tbData" @selection-change="handleSelectionChange"> <el-table-column type="

zhangkeke_可可moon

10322人浏览 · 2018-10-24 13:55:13

zhangkeke_可可moon · 2018-10-24 13:55:13 发布

<el-table @row-click="clickRow" ref="tb" :data="tbData"
                    @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55"/>
        <el-table-column prop="name" label="姓名" />
        <el-table-column prop="movieType" label="电话"/>
</el-table>


<script>
    export default {
        methods: {
            clickRow(row){
                this.$refs.tb.toggleRowSelection(row);
            }
        }
    };

/* 在<el-table>标签中绑定
   @row-click="clickRow" 单击事件和 ref="moviesTable"属性
   然后再单击事件的方法中，写
   this.$refs.tb.toggleRowSelection(row)
*/
---------------------

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