element-ui tree 实现单选遇到的问题不显示勾号

最新推荐文章于 2023-09-15 09:31:46 发布

超，不学了

最新推荐文章于 2023-09-15 09:31:46 发布

阅读量264

点赞数

文章标签： ui vue.js elementui

本文链接：https://blog.csdn.net/qq_48881427/article/details/131769162

版权

<el-popover ref="popover" placement="top" trigger="click">
<el-input placeholder="请选择资产分类" v-model="filterText"> </el-input>
 <el-tree style="width: 300px; height: 400px; overflow: scroll"
     class="selectMultipleClass"
     :data="FLdata"
     :props="{ label:'label',children:'children',disabled: false }"
     node-key="id"
     ref="popupTree"
     @current-change="currentChangeHandle"
     :default-expand-all="false"
     :check-strictly="true"
     show-checkbox
     @check-change="handleCheckChange"
     :highlight-current="true"
     :expand-on-click-node="true"
     check-strictly
     :filter-node-method="filterNode">
</el-tree>
</el-popover>
<el-input v-model="selectedNodeText"
 v-popover:popover :readonly="true"                  
style="cursor: pointer; width: 280px">
</el-input>

handleCheckChange(data, checked, tree) {
            if (checked) {
                this.selectedNodeText= data.label;
              this.$refs.popupTree.setCheckedNodes([data]);
            //之前this.$refs.popupTree.setCheckedNodes([data.id]);不显示勾号 去掉就好了
            }
},