element UI选中el-table的第一行
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
业务需求默认选中表格的第一行
<el-table
ref="interfaceTable"
v-loading="listLoading"
:data="list"
element-loading-text="Loading"
border
fit
highlight-current-row
>
<el-table-column label="编码" fixed="left" width="100" align="center">
<template slot-scope="scope">
{{ scope.row.serviceCode }}
</template>
</el-table-column>
</el-table>
通过监听,在表格的list值,加载完以后,才能获取到表格。
注意:list是表格的列表值。interfaceTable是表格指向
watch: {
list: function() {
this.$nextTick(function() {
this.$refs.interfaceTable.setCurrentRow(this.list[0])
})
}
},
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献5条内容
所有评论(0)