1. 程式人生 > >vue elementyUI table :點選一行時選中這一行對應的複選框

vue elementyUI table :點選一行時選中這一行對應的複選框

<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)
 */

---------------------