Cascader 级联选择器动态加载数据的回显

如果后端没有只返回第三级的id,而是同时把第三级的名字一起返回了,那么就可以通过下面的方法来实现

1.在级联选择器里面加上这句代码

placeholder="请选择"

2.注册一个字符串

pleasett:""

3.赋值 如过后端返回的有第三级的选项名

直接进行赋值

 this.pleasett = res.data.field.name;

4.把placeholder="请选择"改成你所赋值的字段名

                  <el-cascader
                     v-model="titmre"
                    :props="props"
                    @change="handleSelect"
                    :show-all-levels="false"
                    :clearable="true"
                     :placeholder="pleasett"
                  ></el-cascader>

5.给placeholder加个样式,把浅灰色改成浅黑色

.el-input__inner::placeholder{
  color:rgba(0, 0, 0, 0.685) !important;
}

猜你喜欢

转载自blog.csdn.net/qq_29528701/article/details/134649949