El-Tree 扩展 父级选中可以影响子级,子级不能影响父级

关键代码

check-strictly // 在显示复选框的情况下,是否严格的遵循父子不互相关联的做法,默认为 false

加上check-strictly属性之后父子级将不会互相影响,再通过checkChange方法去遍历子级

template

              check-strictly

              :data="menuList"

              :props="{ label: 'name', children: 'children' }"

              node-key="id"

              ref="listTree"

              accordion

              show-checkbox

              @check-change="checkChange"

            >

           

js

checkChange (a, b, c) {

      this.findChildren(a, b, c)

    },

    findChildren (current, b, c) {

      this.$refs.listTree.setChecked(current.id, b, c)

      const d = current.children

      if (d.length > 0) {

        d.forEach(a => {

          this.findChildren(a, b, c)

        })

      }

    },

你可能感兴趣的:(El-Tree 扩展 父级选中可以影响子级,子级不能影响父级)