官方文档:https://www.vue-treeselect.cn/
导入引用:
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
注冊:components: { Treeselect },
html代码:
<el-form-item label="货区&架&位" prop="gid">
<treeselect
:options="gridArr"
:value="form.gid"
:normalizer="normalizer"
@select="onClickGid"
placeholder="请选择货区&位&架"
noOptionsText="暂无数据"
style="width: 270px;"
/>
</el-form-item>
js代码:
data() {
return {
normalizer(node){
//去掉children=[]的children属性 respectively
if(node.children && !node.children.length){
delete node.children;
}
}
}
}
methods: {
onClickGid(node,i) {
this.form.gid = node.id
}
}