Welcome to JiKe DevOps Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
236 views
in Technique[技术] by (71.8m points)

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')

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

Please log in or register to answer this question.

1 Answer

0 votes
by (71.8m points)

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to JiKe DevOps Community for programmer and developer-Open, Learning and Share
...