vue elementツリー取得チェック済み
2178 ワード
this.defaultCheckedKeys=[]を空にすることはできませんthis.$refs.tree.setCheckedKeys([])を使用することができます.最初の使用はエラーを報告する可能性があります.判断を推奨します.
default-expanded-keys(デフォルト展開アイテム):props=「defaultProps」使用render-contentメソッドによるツリーノードコンテンツの定義(jsコード):load=「loadChildData」(lazyプロパティがtrueの場合のみ有効)load=「handleNodeClick」
default-expanded-keys(デフォルト展開アイテム):props=「defaultProps」使用render-contentメソッドによるツリーノードコンテンツの定義(jsコード):load=「loadChildData」(lazyプロパティがtrueの場合のみ有効)load=「handleNodeClick」
export default {
name: 'DynamicTable',
data() {
return {
data2: [
{
name: ' ',
id: '101',
children: [
{
name: ' ',
id: '3',
parentId: '1',
children: [
{
name: 'AAAAAA',
id: '544',
parentId: '1'
},
{
name: 'BBBBB',
id: '555',
parentId: '1'
},
]
},
{
name: ' ',
id: '5',
parentId: '1'
},
{
name: ' ',
id: '6',
parentId: '1'
}
]
},
{
name: ' ',
id: '2'
},
{
name: ' ',
id: '4'
}
],
defaultProps: {
label: 'name',
children: 'children'
},
defaultCheckedKeys: []
}
},
created() {},
methods: {
nodeChange(data, flag, childFlag) {
//
const banxuan = this.$refs.asd.getHalfCheckedKeys()
if (flag === true) {
console.log(' :' + data.name )
} else {
if (childFlag === true) {
if (!banxuan.includes(data.id)) {
console.log(' :' + data.name )
}
}
if (!banxuan.includes(data.id)) {
console.log(' :' + data.name )
}
}
},
nodeClick(data) {
console.log(data.name)
}
}
}