ant design Vue 如何构造一个父组件有cheked而子组件没有的a-tree (公司design版本1.36)

成品

<a-directory-tree
            v-if="tagList.length>=1"//不写这个不全展开
            multiple
            default-expand-all
            @check="onCheck"//在第二个参数的Node里可以获取很多数据
            checkStrictly
            checkable
            :defaultCheckedKeys='defaultList'//默认选择列表['1001','2002']
            :selectable="false"
          >
            <a-tree-node :key="item.id" :title="item.name" v-for="item in tagList">
              <a-tree-node
                disabled //重点****防止点击子tree勾选父节点
                :key="tag.id"
                :title="tag.keywords"
                is-leaf
                class="noCheck"
                :checkable="false"
                v-for="tag in item.children"
              ></a-tree-node>
            </a-tree-node>
          </a-directory-tree>

然后在style中修改disabled的样式

.noCheck >>> .ant-tree-checkbox {
  visibility: hidden;
}//将子节点的多选框隐藏
.noCheck >>> span{color:#333!important;cursor:pointer!important}
//去除子节点disabled后显示不清晰