vue.js - Element table自动默认勾选

问题描述

问 题

如下demo，可以默认勾选到想要的数据，但问题是如果datas一开始为空，则无法勾选到默认的选项，请问，需要作什么处理？或者使用其它的方法？

<div id="app">
    <el-table :data="datas" border ref="table">
        <el-table-column type="selection"></el-table-column>
        <el-table-column prop="id" label="视频id"></el-table-column>
        <el-table-column prop="value" label="视频id"></el-table-column>
    </el-table>
        <el-button type="primary" @click="get">动态添加数据</el-button>
</div>

var app = new Vue({
    data: {
        datas:[
            { id: 1, value: 'asfsd1' },
                { id: 2, value: '2fsaf' },
            { id: 3, value: '3sdfds' },] ,
        },
        mounted() {
            this.$refs.table.toggleRowSelection(this.datas[2]);
        },
}).$mount('#app')

解决方案

https://segmentfault.com/a/11...

这篇关于vue.js - Element table自动默认勾选的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！