首页 > 其他分享 >Cascader 级联选择器动态加载数据的回显

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

时间:2023-11-27 18:06:11浏览次数:26  
标签:pleasett 第三级 回显 级联 Cascader placeholder 选择器 赋值

如果后端没有只返回第三级的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;
}

标签:pleasett,第三级,回显,级联,Cascader,placeholder,选择器,赋值
From: https://blog.51cto.com/u_15335909/8587335

相关文章

  • css伪类选择器
    点击查看代码:nth-child(){},用来选择父元素下的第n个子元素。注意::nth-child(){}是根据父元素下所有子元素进行排序:nth-child(2n){},选中父元素下偶数行的子元素。:nth-child(2n+1){},选中父元素下奇数行的子元素。:nth-child(odd){},选中父元素下奇数行的子元素。:nth-chil......
  • 这篇保证你彻底搞懂Java NIO的Selector事件选择器
     Selector提供选择执行已经就绪的任务的能力,使得多元I/O成为可能,就绪选择和多元执行使得单线程能够有效率地同时管理多个I/Ochannel。C/C++许多年前就已经有select()和poll()这两个POSIX(可移植性操作系统接口)系统调用可供使用。许多os也提供相似的功能,但对Java程序......
  • CSS选择器
    CSS选择器是用来选择需要改变样式的HTML元素的模式。到CSS3为止,支持的选择器类型有6种,包括标签选择器、派生选择器(上下文选择器)、id选择器、class选择器、属性选择器和通配符*选择器。以下是这六种选择器的简要介绍:标签选择器:通过HTML元素的标签名来选择元素。派生选择器(上下文选择......
  • 视频直播源码,图片选择器ImagePicker
    视频直播源码,图片选择器ImagePicker引入 gradleallprojects{  repositories{    maven{url'https://jitpack.io'}  }}implementation'com.github.DL-ZhangTeng:ImagePicker:1.5.0'//使用的三方implementation'com.github.bumptech.glide:glide:4.1......
  • jsoup根据id 选择器来获取具有特定ID的元素
      importorg.jsoup.Jsoup;importorg.jsoup.nodes.Document;importorg.jsoup.nodes.Element;publicclassMain{publicstaticvoidmain(String[]args){Stringhtml="<html><body><divid='myId'>我是ID为myId的di......
  • 大师学SwiftUI第18章Part1 - 图片选择器和相机
    如今,个人设备主要用于处理图片、视频和声音,苹果的设备也不例外。SwiftUI可以通过Image视图显示图片,但需要其它框架的支持来处理图片、在屏幕上展示视频或是播放声音。本章中我们将展示Apple所提供的这类工具。图片选择器SwiftUI内置了一个PhotosPicker结构体用于生成一个视图,允许用......
  • element plus -- el-table 中分页选中回显
    需求:切换分页或者根据筛选条件过滤后选中项依然保持选中状态代码:<el-rowclass="pro-list-container"><el-table:data="productAttrs"ref="multipleTable"class="pro-table":header-cell-style="{backgrou......
  • CSS3学习笔记-选择器
    在CSS中,选择器是一种指定一个或多个元素的方法。可以根据元素的类型、类、ID、属性等特征来选择元素。CSS3引入了很多新的选择器,让我们可以更加灵活和精准地选择元素。下面介绍一些常用的CSS3选择器:1.元素选择器元素选择器指定元素的标签名称,例如p、h1、ul。p{color:......
  • ACCESS 巧妙限制日期框只能在选择器中选择日期
    文本框一个,在属性面板中设置"格式"为合适的日期格式  然后设置它的键按下事件PrivateSubd交货日期_KeyDown(KeyCodeAsInteger,ShiftAsInteger)KeyCode=0EndSub这样做的目的是防止用户输入不合法或者错误的日期,比如留空,比如输入abc,避免提交时的复杂检......
  • Js选择器总结
    Js选择器总结 一、原生JS选择器#JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()A:getElementById(ID):返回对指定ID的第一个对象的引用,如果在文档中查找一个特定的元......