关于vue-vue-treeselect 出现undefined

2022/6/27 vuejsvue-treeselect

关于vue-vue-treeselect 出现undefined

# 案例

  1. 如果说后端需要你传 文字形式的那么就要加个参数
data(){
    return{
     normalizer(node) {
        return {
          id: node.label, 这个是控制输出的是id还是值
          label: node.label, 这个是控制下拉框所显示的是id 还是输出的值
        };
      },    
    }
}
node是你下拉框的数据对象 

1
2
3
4
5
6
7
8
9
10
11
12

这个组件你选中值过后默认为 id 例如你的格式是这样的 {id:1 ,name:"徐涛“} 你选中了徐涛 但是 v-model绑定的是 id 也就是说 此时 v-mode是 1 而不是徐涛 如果你想改成徐涛那么就得跟我上面data里那样写

      <treeselect
                noResultsText="暂无数据"
                v-model="addForm.szdw"
                :options="deptOptions"
                placeholder="请选择"
                :normalizer="normalizer"
              />

1
2
3
4
5
6
7
8