Vue elment-ui elemnt-select v-model的值绑定后回显失败

最新推荐文章于 2024-02-02 15:20:52 发布
最新推荐文章于 2024-02-02 15:20:52 发布
阅读量1.3k 收藏 2
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39321791/article/details/108127727
版权

在这里插入图片描述
显示的不应该是数字，因为v-model绑定的值直接显示出来了。但是讲道理vue会自动查询el-option里的value值要是对的上会转化成el-option里对应的label
在这里插入图片描述
后面经过调试发现
在这里插入图片描述
这俩东西颜色不一样

再调试
在这里插入图片描述
果然在这里插入图片描述
后来查阅资料发现el—option中的value要跟v-model中为===恒等于才会识别回显
这下问题就简单了
在这里插入图片描述
加上toString转换一下问题解决。

qq_39321791
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
bug管理level1_6【v-model不回显问题】
qq_41436056的博客
11-22 1102
方向: 数据 描述: v-model绑定数据，可打印出数据，但不回显 出现原因: 数据没有实时更新 技术栈: vue 疑问: 可打印出值，并且这个obj.key是已经在data里进行预设了的数据，不存在文档中***“实例创建之后添加新的属性到实例上，它不会触发视图更新”***的情况，但并未实时更新，且使用this.nextTick无效。∗∗解决方法:∗∗使用this.nextTick无效。 **解决方法:** 使用this.nextTick无效。∗∗解决方法:∗∗使用this.set（对象，键名，键值）
解决vue中v-model双向绑定失败，表单数据不能回显的问题
weixin_43843824的博客
12-19 1万+
解决vue中v-model双向绑定失败，表单数据不能回显的问题 在vue中使用v-model="columns[i].value"或v-model="column[value]"进行双向绑定时或者在绑定事件中使用赋值形式改变绑定变量的值如： handleChange(value){ switch (value){ case 1:this.Model.value=600;this.Model.Precision=0;break; case 2:this.Model.va
element vue select选择器选择后不回显解决
weixin_65456815的博客
06-12 4152
vue+element开发使用el-select不能回显的处理方案
el-select 中v-model绑定值，数据回显只显示value，不显示label
ZMJ_QQ的博客
03-09 1万+
1、当v-model绑定的是一个值时 <el-select v-model="modelTree" filterable> <el-option v-for="item in nameList" :key="item.id" :label="item.title" :value="item.id"> </el-option> </el-select> 数据回显只显示value,不显示label，原因可能有以下几个： 1、option的数据中
antd-vue对表单进行编辑，上传的文件没有回显解决方法
木木木不哭的博客
03-30 1213
antd-vue对表单进行编辑，文件没有回显解决方法
Vue + Element-ui的下拉框el-select获取额外参数详解
10-14
首先，`el-select`组件的`v-model`属性用于绑定选定的值，`@change`事件则在选中项发生变化时触发。默认情况下，`change`事件的回调函数接收到的参数是当前选中项的值。然而，如果我们需要在触发`change`事件时同时...
element-ui中select组件绑定值改变,触发change事件方法
10-18
今天小编就为大家分享一篇element-ui中select组件绑定值改变,触发change事件方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VUE element-ui响应式步骤进度条样式代码
06-11
在本文中，我们将深入探讨如何使用VUE框架与element-ui库来创建响应式的步骤进度条。Element-ui是一个基于Vue.js的UI组件库，它提供了一系列丰富的界面元素，其中包括步骤条组件，非常适合用于处理多步骤流程的用户...
vue-i18n结合Element-ui的配置方法
10-16
主要介绍了vue-i18n结合Element-ui的配置方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
vue-element-nocode-admin:element-ui 的代码可视化编辑
05-06
element-ui 的代码可视化编辑器，自动生成表单代码，列表代码。不是一个可视化解决方案，更像是生成模板的工具 :house: 网页版本，在preview分支 Install npm install -g ele-cli How to Use 服务端占用 3000 端口 ...
关于vue.js存在某些情况下 v-model绑定数据不实时更新解决办法
热门推荐
qq_36366705的博客
05-18 2万+
最近做一个管理系统项目 碰到这样的问题问题描述： 当点击选择车牌号 自动出现所属公司和负责线路信息，（见图一） 假如不选 给后台传值为空；当修改时 点击车牌号调取后台接口会发现  其实已经成功赋值给 当前字段，但是页面没有显示。当第二次点击请求接口时，这个时候才会在页面展示上一条点击的信息。查了很多资料，其中原因如下见Vue.js中文官网-&gt;进阶-&gt;深入响应式原理-&gt;变化检测问题...
vue2+antd 使用select 通过v-model 无法回显也不能修改？
湖北太米网络科技有限公司
11-08 755
<template> <a-table size="middle" :data-source="dataList" :pagination="false" :locale="{ emptyText: '暂无数据' }" :scroll="{ x: 'max-content' }"> &l...
el-select 中 v-model 绑定的值以及如何进行回显
weixin_45115895的博客
03-11 8223
el-select 最常见的用法如下 <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> 反显的时候你只需要把要反显的值获取到并赋值给valu
vue element 编辑下拉框el-select不能回显的问题
小小爪哇工程师的博客
12-16 1万+
本人的需求是点击表格里面的编辑按钮，把数据回显到弹窗内，其他的都能回显，但是就下拉框不能正常的回显。大致意思是：v-model的值必须是一个数据变量，而不是一个条件值或计算值。本人后端人员，有不对的地方，勿喷。
vue+element select下拉框选择不上的问题
m0_59634511的博客
08-01 1843
el-dialog title="修改上报比例" v-model="changeDialogVisible" width="30%" center :destroy-on-close="true"<el-select v-model="changeFrom.ratio" style="width: 100%;<el-button type="primary" @click="submitUp">确 定</el-button><el-form-item label="上报比例" prop="ratio">
vue select下拉框数据v-model绑定默认不显示的问题
在这个数字革命的时代，我们将引领您穿越去中心化、智能合约、加密货币以及分布式应用程序的世界。无论您是初学者还是经验丰富的区块链开发者，我们都致力于为您提供有价值的信息和见解。
08-31 9238
提高页面加载速度，前端代码注意的关键点今天遇到了一个问题，就是我循环出select内的数据以后，发现原本默认显示第一条的select框变成了空白，要选择后才有显示。我写的原始代码如下： <select v-model="token"> <option v-for="(item,index) in list" :value="index" :key="index">{...
【前端】Element-ui el-select 绑定 v-model 不生效问题汇总
DaiGG_的博客
09-14 3432
1、 v-model 绑定的值与下拉选项的值类型不一致。3、value 前 需要加 冒号 < : >如上所示，需要具体声明。2、绑定的值未声明。
El-Select 下拉选择无反应 无法选择
全盛
02-25 3700
场景: 已知El-Select的v-model=‘dialog.forms.roomCode’ 原因: 你在手动触发改变之前,使用了 dialog.forms.roomCode = xxx; 给v-model赋值 解决办法1: this.$set(this.dialog.forms,'roomCode ',xxx); 解决办法2: this.dialog.forms ={ roomCode: “”}; //下拉选择才有反应 原理读源码可知: 下拉选择时会触发 this.$emit('input', val
关于el-select组件修改v-model值之后重新选择却选择不上的问题
最新发布
sun_weitao的博客
02-02 791
policeCategoryId 这个变量数组的值会不断的发生变化导致修改v-model中form.policeCategoryId的值 再次重新选择 会发现 el-select 出现选择不上的问题。采用以上方法可以解决 el- select中的policeCategoryArr 数据不断变化，v-model也需要不断变化但是selected 的value 却没有发生变化的问题。但是这样的操作会存在上面的bug。本人遇到的问题是这样的。
搭建vue element-ui
04-25
的环境应该怎么做？ 好的，关于搭建 Vue Element-UI 的环境，你可以按照以下步骤进行： 1. 首先，你需要安装 Node.js，可以在官网下载对应版本进行安装。 2. 然后，安装 Vue CLI，可以使用以下命令进行安装：npm install -g @vue/cli 3. 创建一个新的 Vue 项目：vue create my-project 4. 进入到项目目录，安装 Element-UI：npm install element-ui --save 5. 在 main.js 文件中引入 Element-UI：import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; 6. 在 main.js 文件中使用 Element-UI：Vue.use(ElementUI); 至此，就完成了 Vue Element-UI 的环境搭建。希望对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值