antDesign的a-select数据回显选中initialValue问题解决方法

这篇具有很好参考价值的文章主要介绍了antDesign的a-select数据回显选中initialValue问题解决方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

       在开发过程中表单中的【学习专业】下拉列表项需要数据回显,设置了initialValue,但只显示下拉选项的majorId值, 没有显示具体的专业名称,经排查发现是majorId数据类型导致的,下拉选项majorList数组中的id是数值类型,而在表单赋值时给的majorId是字符类型,数据类型不一致导致的 ,将两边的id类型转为一致的就可以了。

<a-select v-decorator="['majorId',{initialValue:createForm.majorId}]" placeholder="请选择专业" >
   <a-select-option v-for="item in majorList" :value="item.id" :key="item.id">{{ item.name }}</a-select-option>
</a-select>

在对变量赋值时,强制转变类型 , 我这是都转为数值类型,你都转为字符类型也可以。

createForm.majorId : Number( formData.majorId )

antDesign的a-select数据回显选中initialValue问题解决方法,vue

   下拉框数据回显正常了。文章来源地址https://www.toymoban.com/news/detail-614374.html

到了这里,关于antDesign的a-select数据回显选中initialValue问题解决方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • element-ui select数据回显显示数字的问题 el-select校验失效出现阿拉伯数字问题

    初始化参数     后端传送数据给前端后,下拉框回显结果为数字! 最近遇到个问题后端返回结果后.前端双向绑定回显结果为数字.分析原因后发现是数据类型不一致导致回显异常 解决方案 把option的value转为字符类型即可 1  

    2024年02月16日
    浏览(42)
  • el-cascader 动态加载选项、编辑时数据回显问题 、单选不加载下一级节点、点击标签选中

    目录 需求描述 1.实现动态加载选项 2.数据回显 3.组件BUG:再次编辑不再加载 4.点击单选框选中节点时,同时加载下一级选项(额外需求) 5.点击label标签时,能够直接选中该节点(额外需求) 需求情景描述 前端使用el-cascader组件来实现一个层级选择器,可以支持单选或多选节

    2024年02月07日
    浏览(40)
  • iview项目中,radio选中值回显问题

    问题描述:iview+vue项目中,数据从路由传参进入编辑页面,页面的radio选中状态首次显示,浏览器刷新后不显示: 1、首次进入: 2、浏览器手动刷新后: 经查,路由传参的值为字符串,页面无法正确显示选中值,需进行转换 在iview使用过程中,要注意默认类型问题,很容易出

    2024年02月08日
    浏览(27)
  • select多选回显问题 (取巧~)

    要实现的效果: 以上是一种简单的解决方法~ 也可以自己处理数据或者让后端直接改成想要的格式。

    2024年02月09日
    浏览(35)
  • 解决element的select组件创建新的选项可多选且opitions数据源中有数据的情况下,回车不能自动选中创建的问题

    最近开发项目使用element-plus库内的select组件,其中有提供一个创建新的选项的用法,但是发现一些小问题,在此记录 “element-plus”: “^2.3.9”, “vue”: “^3.3.4”, 1、在options数据源中无数据的时候,在输入框中输入要创建的选项,ele会自动帮我们选中第一条,然后回车后会自

    2024年02月11日
    浏览(30)
  • element框架select值更新页面不回显的问题,动态表单props绑定问题

    当data中默认没有定义form.region的值时,会出现选择select后input没有回显选择数据值; 所以使用select时,必须定义默认值 强制重新加载页面@visible-change=“$forceUpdate()”

    2024年02月12日
    浏览(36)
  • vue element 编辑下拉框el-select不能回显的问题

    本人的需求是点击表格里面的编辑按钮,把数据回显到弹窗内,其他的都能回显,但是就下拉框不能正常的回显 本人后端人员,有不对的地方,勿喷 这是因为点击编辑,收集到下拉框的value是一个数字导致的,传值应该是 ‘1’ 而不是 1 解决办法一:,给弹窗子组件传参的时

    2024年02月11日
    浏览(40)
  • el-tree-select树形选择 数据回显

    由于用到懒加载,与一次性全部加载数据不同的是,当前只有ID,而树结构还没渲染,就会导致没有label回显。所以我们要在组件刚渲染的时候,就构造我们想要的树节点。 node-key=\\\"id\\\" 和 :default-expanded-keys=\\\"[form4.positionNo]\\\" (默认展开的节点的 key 的数组) 和 :default-checked-keys=

    2024年02月14日
    浏览(38)
  • 使用element-ui中的el-table回显已选中数据时toggleRowSelection报错

    最近在写一个后台,需要在表格中多选,然后点击编辑按钮的时候,需要回显已经选中的表单项 之前根据以上代码,就可以实现回显,但是这次没有,还报了一个错,报错如下 找了一下原因,这个回显是一个弹框,我在刚进页面就走了这部分逻辑,相当于在请求接口的时候

    2024年02月10日
    浏览(42)
  • 解决element-ui中的el-select选择器无法显示选中内容的问题

    问题描述: 排查方法: 检查数据控制台是否报错,无报错 检查change是否触发,会触发 最后开始百度,查看文档  官方文档有这么一段话,就是属性一定要挂载到data上,不然无法检测。 最后解决: 排查到我的form表单,在定义表单属性的时候,没有在data中定义该字段。 总结

    2024年01月23日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包