Cascader 级联选择器动态加载数据的回显
  iyoSvc3NPPm4 2023年11月28日 28 0

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

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

2.注册一个字符串

pleasett:""

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

Cascader 级联选择器动态加载数据的回显_字符串

直接进行赋值

 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;
}
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月28日 0

暂无评论

推荐阅读
iyoSvc3NPPm4