项目中vue-treeSelect和element-ui遇到的问题

vue-treeSelect嵌套在表格里下拉没数据

下图：此时是已经点击状态，没有数据展示出来，原因是被压在表格下面了

解决方法：在treeselect组件里加上2个参数append-to-body、z-index="9999"

               <treeselect
                v-model="scope.row.user"
                :options="list"
                :normalizer="normalizer"
                :show-count="true"
                placeholder="请选择用户"
                append-to-body 
                z-index="9999"
              />

默认element-ui无法校验vue-treeSelect

下图：element校验vue-treeSelect会冲突

解决方法：绑定input事件，并且将rules里tigger的blur改成input

              <treeselect
                v-model="scope.row.user"
                :options="list"
                :normalizer="normalizer"
                :show-count="true"
                placeholder="请选择用户"
                append-to-body 
                z-index="9999"
                 @input="pp"
              />

user: [
          { required: true, message: "用户不能为空", trigger: "input" },
        ]

pp(val){
      this.$nextTick(()=>{
        this.$refs.form.validateField('investShopId')
      })
    },

注意注意：校验是有红色提示文字，但是下拉框不会红，这个问题我还没有解决，但是有提示文字！！