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')
阅读 17.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏