ant vue 树形菜单横向显示_Vue--组件Ant- 树形结构菜单

defaultExpandAll

:autoExpandParent="true"

:treeData="treeData"

@select="this.onSelect"

/>

data () {

return {

// expandedKeys: [‘0-0-0‘, ‘0-0-1‘], // 受控展开指定的树节点

autoExpandParent: true, // 是否自动展开父节点

// checkedKeys: [‘0-0-0‘], // 受控选中的树节点

// selectedKeys: [], //(受控)设置选中的树节点

treeData: [{

title: ‘队员：‘,

key: ‘0-0‘,

children: []

}],

getPeopleTree(this.queryParam)

.then(res => {

if (res.code && res.code !== 200) {

this.$message.error(res.message)

}

if (res.data !== null) {

this.peopleTreeData = res.data[0].course_list // 训练数据

this.treeData[0].title = res.data[0].member // 训练人名字

for (var i = 0; i < res.data[0].course_list.length; i++) {

var dict = { title: ‘‘, key: ‘‘ }

dict.title = res.data[0].course_list[i].course_name + ‘-‘ + res.data[0].course_list[i].course_times

dict.key = res.data[0].course_list[i].course_id

this.treeData[0].children.push(dict)

}

// console.log(‘最后的数据‘ + JSON.stringify(this.treeData))

// 训练课程id

// console.log(‘训练课程id‘ + res.data[0].course_list[0].course_id)

} else {

this.peopleTreeData = []

this.treeData[0].title = ‘暂无记录‘

}

this.loading = false

})

.catch((error) => {

console.log(error)

if (error.message === ‘timeout of 6000ms exceeded‘) {

this.$message.error(‘网络超时‘)

}

this.loading = false

})

})

},

onSelect (selectedKeys, info) {

// console.log(‘点击的人的信息‘ + JSON.stringify(selectedKeys[0]))

this.xunlian = selectedKeys[0]

const getparam = {

course_id: selectedKeys[0],

user_id: this.queryParam.user_id

}

原文：https://www.cnblogs.com/fdxjava/p/11670385.html

总结

以上是生活随笔为你收集整理的ant vue 树形菜单横向显示_Vue--组件Ant- 树形结构菜单的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。