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

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

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

placeholder="请选择"

2.注册一个字符串

pleasett:""

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

Cascader 级联选择器动态加载数据的回显_第1张图片

直接进行赋值

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

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

                  

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

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

你可能感兴趣的:(vue.js,elementui,javascript)