element input框 select下拉框选中赋值不了，如何解决这些问题

已于 2022-06-10 11:07:23 修改
阅读量1.9k 收藏 2
点赞数
文章标签： elementui 前端 正则表达式
于 2022-06-09 20:42:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songweibin/article/details/125208254
版权

element input框 select下拉框选中赋值不了，如何解决这些问题

在项目中遇到一些赋值操作后不管input框赋值后输入删除，还是select下拉框选中赋值不了，

一半没有项目中没有用正则的话可以用强制刷新起到回显赋值


this.$forceUpdate()  强制刷新

要是有正则的话可以用到

let a=1 //
this.$set(this.form,'name',a) //在个赋值的地方这样赋值 $set 

genderaArray:[
{
   
dictName:
最低0.47元/天 解锁文章
songweibin
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
elementUI中input框无法输入，带默认值的输入框与下拉框无法操作的问题
weixin_43367262的博客
08-09 936
新建弹窗，自带默认值的输入框与下拉框无法操作。 解决办法：绑定input事件可以拿到当前的输入的值，通过this.$forceUpdate() 可以解决这个问题 @input="change($event)" change () { this.$forceUpdate() }
浅谈Vue Element中Select下拉框选取值的问题
08-27
在这篇文章中，我们提供了一个实际的解决方案，使用 Vue Element 中 Select 下拉框来解决这些问题。 在 Vue Element 中，Select 下拉框是一个非常有用的组件，可以帮助我们快速地选择某个选项。但是，在实际开发中...
解决element ui select下拉框不回显数据问题的解决
10-17
主要介绍了解决element ui select下拉框不回显数据问题的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
element-ui input select 等表单元素赋值无效
tcmmx1993的博客
09-28 1245
vue版本 2+ 使用中遇到如题的问题通常是表单元素使用的对象导致的，比如v-model 使用的是aForm.xxx这样的。 因为在声明对象aForm时没有声明对象的属性xxx 导致监听出现问题 解决办法，在声明时同时写全内部属性 ...
Element el-select遇到的坑
最新发布
qqnbsp的博客
05-08 78
el-select muliti v-model设置的时候有问题，要么选不中，要么取消不了，感觉很诡异。vue为了效率复用的结果。所以给每一个el-select加一个不同的key变量。发现value字符串，v-model设置的变量值是数值。所以江v-model赋值的变量转为字符串即可正常显示。一直显示value，不显示label的值。
element-ui select 选择之后无法赋值
04-12 1559
vue-element 动态给select下拉框赋值却不匹配的问题
Mr_ZhouR的博客
10-14 2987
做项目的时候，改前人bug，遇到了个下拉框赋值问题，处理完记录一下 下拉框赋值方式 <el-form-item label="请选择税率" prop="rate"> <el-select v-model="selectedRate" placeholder="请选择税率" @change="handleChangeRate" class="input-text"> <el-option v-for="dict in rateDict" .
解决 Vue 中的Element-ui 组件el-checkbox动态赋值点击没反应问题
u010486495的专栏
09-24 6687
<el-checkbox :value="form.test=== '1'" @change="val => $set(form,'test',val ? '1' : '0')" label="测试" border></el-checkbox> 项目中遇到的问题记录一下
Element-UI中el-input输入值不显示
我的博客
06-10 4774
解决： 在data中定义input框绑定的值 <el-input v-model="input1" /> <el-input v-model="input2" /> <script type="text/javascript"> // data input1: "", input2: "" </script> 使用@input事件，在输入时进行强制刷新 <el-input v-model="input2" @input="onInput
SelecT下拉框选中和取值的解决方法
12-29
Select下拉框的问题，想在选择一个选项后，前台显示做出变动，并且知道选择的是第几个选项。 这个很好解决： 如下: <select class=form-control onchange=selectOnchang(this)> 男装 女装 童装</opti
在element-ui的select下拉框加上滚动加载
12-12
在项目中，我们需要运用到很多来自后端返回的数据。...于是《在element-ui的select下拉框加上滚动加载》诞生了。 这里通过自定义封装vue指令进行封装。（什么是指令：官方指令叫v-on,v-model） 以下以element-ui中的sel
解决element-ui的下拉框有值却无法选中的情况
01-18
在使用Vue框架和element-ui开发时，下拉框遇见一个问题，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值，也就是下拉框值无法选中。（踩坑踩得莫名其妙） 代码段： 请...
解决前端el-select下拉数据量过大造成卡顿问题
YinXin的博客
06-14 3938
背景 为了将商家入驻申请单批量转移给某位招商人员，实现了一个下拉列表，可以进行下``
Vue踩坑之el-select下拉框：数据回显后，无法选中赋值问题
ZHENGCHUNJUN的博客
10-15 5610
Vue踩坑之el-select下拉框：数据回显后，无法选中赋值问题
解决element-ui的下拉框有值，点击后却无法选中的问题
yiyueqinghui的博客
09-15 2203
出现原因 因为下拉列表的数据是根据输入框的值的变化时行实时调用接口来更新而非不变的，频繁的更新，可能造成点击下拉列表中的某项后，select所绑定的value值无法进行及时的更新，尤其是所绑定的值是对象时（vue不能检测对象属性的变化），更加会造成无法选中的问题。 解决方法 无法及时更新，那么用change事件监听值的变化，调用this.$forceUpdate()手动强制更新，重新渲染。 代码如下 <el-select v-model="value" placeholder="请选择" @chan
el-select下拉框【数据回显后，无法选中赋值问题】
打工人的博客
11-04 734
el-select下拉框的数据没有显示，打印接口返回是有数据的。
Select2组件赋值方法失效
pp_lan的博客
04-22 1365
现象 业务中需要动态添加了一个select2的下拉，并回显，此时select2('val', 'abc')赋值的时候失败了 解决 使用select自身的val('abc')进行赋值，但是此时值改变了，也可以获取到，但是下拉框展示的时候还是没有变，此时调用下方法change，即可解决 $("select.target").val('abc').trigger('change'); ...
vue Element el-checkbox 赋值不生效
weixin_38969022的博客
05-18 2315
循环里使用el-checkbox v-model 不生效 使用:value 解决此问题 <el-checkbox :value="allotDetailObj.ischeck?true:false" :disabled='allotDetailObj.status == "X" || allotDetailObj.status == "="? true:false' label="禁用" border @change="handleDisable"> </el-chec...
antd select 赋值的注意事项，值赋不上的解决方案（必须类型相同才可以）
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
12-17 5422
react antd select 注意事项 及踩坑
如何在vue中input框和select下拉框数据绑定
05-24
在Vue中，可以使用 `v-model` 指令来实现数据双向绑定，将 input 框和 select 下拉框与 Vue 实例中的数据进行关联。以下是示例代码： ```html <input type="text" v-model="text"> <select v-model="selected...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值