首页 > 其他分享 >antdv Select 默认选中值

antdv Select 默认选中值

时间:2023-11-11 17:22:17浏览次数:33  
标签:antdv 默认 label item 选中 Select

<Select
                v-model="form.businesstype"
                @change="handleChange"
              >
                <SelectOption
                  v-for="(item, index) in businesstypeList"
                  :value="item.value"
                  :key="index"
                  :label="item.label"
                >
                  {{ item.label }}
                </SelectOption>
              </Select>

上面的代码,系统并没有报错,但是默认值是没有显示。

看了一下官网的说明文档:

这个意思应该是v-model可以省,但不是value可以省。

 

<Select
                v-model:value="form.businesstype"
                @change="handleChange"
              >
                <SelectOption
                  v-for="(item, index) in businesstypeList"
                  :value="item.value"
                  :key="index"
                  :label="item.label"
                >
                  {{ item.label }}
                </SelectOption>
              </Select>

这样就显示出来了。

标签:antdv,默认,label,item,选中,Select
From: https://www.cnblogs.com/jiduoduo/p/17826104.html

相关文章

  • 文件阅读器的使用——利用文件阅读器将选中的文件图片展示到前端页面
    代码示例:#HTML部分<formaction=""><divclass="form-group"><labelfor="id_file">用户头像{%loadstatic%}<imgsrc="{%static'img/default.png'......
  • 如何使用select库采集携程
    今天给大家带来一个select库编写的简单爬虫程序,主要是对携程的采集,代码中有一些制定的字符串比较难以理解,我有针对性的做了中文解释,一起来学习一下吧。```rustfnmain(){//创建一个TcpListener,监听指定的端口letlistener=TcpListener::bind("0.0.0.0:8000").unwrap();//......
  • mysql 查询报错Expression #1 of SELECT list is not in GROUP BY clause and contain
    这个错误是由于MySQL的新版本中默认开启了ONLY_FULL_GROUP_BY模式,即在GROUPBY语句中的SELECT列表中,只能包含分组或聚合函数,不能包含其他列。而你的查询语句中出现了一个列senior_two.score.student_id,它既没有被分组也没有被聚合,因此MySQL报出了这个错误。5.7版本以下不......
  • 'ddlCities' has a SelectedValue which is invalid because it does not exist in th
    this.ddlCities.DataSource=GetAll_List();this.ddlCities.DataTextField="Name";this.ddlCities.DataValueField="Id";this.ddlCities.DataBind();错误:'ddlCities'hasaSelectedValuewhichisinvalidbecauseitdoe......
  • vue2+antd 使用select 通过v-model 无法回显也不能修改?
    <template><a-tablesize="middle":data-source="dataList":pagination="false":locale="{emptyText:'暂无数据'}":scroll="{x:'max-content'}"><a-table-columntitle=......
  • el-select实现全选功能 el-checkbox
    el-select实现全选功能el-checkbox文章分类 - vuevue开发el-select实现全选功能摘要:效果图依赖说明使用element-ui的el-select和el-option进行二次封装,故依赖element-ui功能介绍多选框支持选择全部新增【全部......
  • 多线程select并发
    目录单纯select的问题解决方法建立子线程的位置多线程的共享资源代码单纯select的问题之前的代码中,建立连接和接收数据是线性执行的关系,也就是说,建立连接时不能接收,接收时不能建立连接,所以效率仍然不够高解决方法主线程中一直执行select函数,检测文件描述符的状态,让子线程去进......
  • 基于select进行并发处理
    目录处理流程服务端代码处理流程创建监听的套接字lfd=socket();将监听的套接字和本地的IP和端口绑定bind()给监听的套接字设置监听listen()创建一个文件描述符集合fd_set,用于存储需要检测读事件的所有的文件描述符通过FD_ZERO()初始化通过FD_SET()将监听的文......
  • 11月7日form表单与input框以及select标签
    目录form表单与input框form表单input标签input其它属性说明:form与其它标签以及input的应用再来展示一下禁用以及隐藏的属性select标签form表单与input框form表单功能:表单用于向服务器传输数据,从而实现用户与web服务器的交互表单能够包含input系列标签,比如文本字段、复选框、......
  • element-ui选中节点包含子节点和父节点
    //代码: constcheckedNodes=this.$refs.asyncTree.getCheckedNodes(false,true) //遍历一下就可以获得所有id constids=checkedNodes.map(item=>item.id) console.log(ids)  ......