vue elementツリー取得チェック済み

2178 ワード

this.defaultCheckedKeys=[]を空にすることはできませんthis.$refs.tree.setCheckedKeys([])を使用することができます.最初の使用はエラーを報告する可能性があります.判断を推奨します.
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)
    }
  }
}