项目场景:
ElementUI table标签如何让某一行默认展开问题描述:
在数据加载后,table标签如何让某一行默认展开解决方案:
利用table标签自带的属性toggleRowExpansion,在获取到后台给的数据后调用toggleRowExpansion()方法。
data() {
return {
tableData: [
],
getRowKeys(row) {
return row.id
}
}
},
methods: {
init(callback) {
this.loading = true
getjihuagl().then(res => {
console.log(res, '计划管理');
this.tableData = res.data
this.loading = false
// 执行回调函数
callback()
}).catch(err => {
console.log(err)
})
}
},
mounted () {
var _this = this
// 利用回调函数的方式在异步请求执行后再执行$nextTick中的同步操作
this.init(function () {
_this.$nextTick(() => {
_this.$refs.multipleTablejh.toggleRowExpansion(_this.tableData[0], true)
})
})
},