2021-07-01 VUE3.0下拉框回显问题

最新推荐文章于 2024-02-06 11:33:24 发布

执着的派大星

最新推荐文章于 2024-02-06 11:33:24 发布

阅读量987

点赞数 1

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/weixin_53532986/article/details/118387909

版权

本文探讨了在Vue3.0中遇到的下拉框回显问题，重点在于value值应与v-model的值保持一致，且类型相同。错误示例展示了value值非字符串的情况，导致无法正确回显。解决方案是确保数据类型匹配，以实现el-select组件的正确回显功能。

摘要由CSDN通过智能技术生成

VUE3.0下拉框回显问题

html

 <el-form-item label="目前法律状态" prop="lawStatus">
	<el-select v-model="form.assetHouse.lawStatus" :disabled="route.query.type === 'view'" 		      size="small

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

执着的派大星

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue3+ElementPlus el-tree-select(通用下拉) 回显上一次的显示数据问题

朝花夕拾的博客

06-09

1583

下拉框数据的id和上一次显示的数据的id是一致的导致数据没有更新显示的还是上一次的数据。修改时将number++ 让组件渲染。通过key唯一标识可以解决此问题。

vue数据字典下拉框，要回显下拉列表中没有的值？

m0_50441807的博客

03-30

1342

由于自定义指令中的update钩子函数中无法知道接口的数据什么时候才返回，所以需要循环调用updateDom函数，里面是setTimeout，直到接口返回值的时候，才终止循环调用；思路：下拉框的回显，是根据下拉列表数组来回显的，假设下拉列表中没有该值，则无法回显；那么我们把不能回显的值也放到数组里面，只是显示下拉列表的时候隐藏，就可以达到回显的作用了；数据字典中有个enable字段，用于字典的启用和停用；// 这里写死200毫秒，实际后端响应是不确定的。：实际上拿到的是指令所在组件的实例对象；

参与评论您还未登录，请先登录后发表或查看评论

解决layui 三级联动下拉框更新时回显的问题

12-10

最近接触layui，比较简洁美观的一款ui，但也有很多小坑，记录一下实现省市区下拉三级联动更新回显的问题 <%--监听省份选择 --%> form.on('select(uprovinceId)', function(data){ initCityList('change'); }); 这里面有个问题就是选择的时候如果请选择的value 是“” 空字符串，当选择从河北省变到请选择时不会触发这个监听事件 [removed] layui.use(['form'],function(){ var form = layui.fo

Vue下拉框回显并默认选中随机问题

10-18

主要介绍了Vue下拉框回显并默认选中随机问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

下拉回显问题vue3

ping

08-21

1487

下拉回显问题vue3

vue的下拉框如何回显_JAVA学习笔记系列：菜鸟Vue学习笔记（三）

weixin_39799565的博客

11-20

514

菜鸟Vue学习笔记（三）本周使用了Vue来操作表单，接下来说下Vue中双向绑定表单元素的用法。Vue中双向绑定是使用的v-model，所谓的双向绑定即改变变量的值，表单元素的值也会改变，同样的，改变表单元素的值变量的值也会改变。例如：<body><div id="content"><form action="" method="post"><input t...

vue下拉框数据回显

joy_1004的博客

11-13

3762

vue下拉框数据回显注意：下拉框的value值和获取的值类型一致 statuslist:[ {value:0,label:"存在"}, {value:1,label:"删除"} ] <el-form-item label="状态" prop="status"> <el-select v-model="form.status" placeholder="请选择状态" > <el-option v-for="item in statuslist

vue动态选取下拉框时回显为value

q_1092535160的博客

02-02

707

仅作为学习笔记，供大家参考。

Ant-design-vue数据回显

dailytang的博客

07-28

2065

Ant-design-vue数据回显

vue 不使用select实现下拉框功能(推荐)

08-27

主要介绍了vue 不使用select实现下拉框功能,在文章给大家提到了vue select 组件的使用与禁用，需要的朋友可以参考下

vue3 下拉菜单的简单实现

weixin_54898878的博客

03-25

2426

一个最简单的vue 下拉菜单demo，没有华丽的外观，和复杂的功能，就只是一个最基本的下拉菜单，更多的需要自己调。

vue修改编辑弹窗下拉数据回显

agua001的博客

04-27

8513

1、效果如图： <a-form-item label="测站类型"> <a-select allowClear v-decorator="[ 'typeId', { rules: [{ required: true, message: '请选择测站类型' }] }, ]" placeholder="请选择测站类型" > <a-select-option v-for="(item, index)

vue3+Element-plus el-select 下拉表格组件（ TSelectTable组件键盘向上/下滚动条根据移动的选择区域而滚动）