el-radio-group 赋值之后点击参数滞后

最新推荐文章于 2023-12-14 18:05:02 发布
最新推荐文章于 2023-12-14 18:05:02 发布
阅读量725 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/saracg/article/details/109806391
版权
在Vue应用中遇到一个el-radio-group组件的问题，当尝试通过数据绑定赋值后，发现点击事件的参数出现滞后现象。这可能是由于Vue的更新机制导致的，通常可以通过调整代码逻辑或利用Vue的nextTick方法来解决此类延迟更新的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

    <el-radio-group v-model="formData2.dataType" @change="changeTimeType">
      <el-radio :label="1">一年</el-radio>
      <el-radio :label="2">本年</el-radio>
      <el-radio :label="3">自定义</el-radio>
    </el-radio-group>

赋值：

this.$set(this.formData2, 'dataType', 2)
saracg
关注
el-radio 无法切换
chenyuafra的博客
10-19 634
el-radio赋值之后无法切换 解决：this.$forceUpdate() <el-radio-group v-model="value" @change="$forceUpdate()"> <el-radio :label="1">是</el-radio> <el-radio :label="0">否</el-radio> </el-radio-group> ...
element 框架 el-radio-group 赋值之后点击无效
m0_37714008的博客
06-13 3408
当进行页面编辑给l-radio-group 赋值之后点击无效的问题。change事件里重新渲染一下页面就行了。el-radio在一组备选项中进行单选。
Element UI 的 el-radio-group 中 change事件不触发
weixin_55869175的博客
07-28 6621
Element UI 的 el-radio-group 中 change事件不触发
elementUI 框架中el-radio-group组件赋值之后，点击无效问题
jieyucx的博客
12-14 3149
在绑定值变化触发的事件添加 this.$forceUpdate() 强制更新。
在使用element-ui中的el-radio-group 赋值后 无法选中问题
m0_70871712的博客
07-19 7647
给表单赋值，遇到了赋值成功，但单选框不会自动选中的问题。
element 框架 el-radio-group 赋值之后点击无效的问题
热门推荐
liu18130617928的博客
05-29 1万+
el-radio-group下的el-radio 赋值之后点击无效但是数据已经改变了页面却没有变化 是因为从后台获取的值不能直接给赋给formData 需要一个中间变量 <el-radio-group v-model="formData.passwordForce"> <el-radio label="1">是</el-radio&g...
el-radio-group 点击后不更新问题备忘
QQ2856639881的专栏
09-20 1351
<el-radio-group v-model="obj.type" @change="type_change()"> <el-radio label="1" key="1" border>aaaa</el-radio> <el-radio label="3" key="3" border>b...
解决el-radio-group页面不刷新问题
青春正在燃烧的博客
08-19 2921
问题:使用v-show后el-radio-group点击后页面不刷新了，但值是改变了的。如下图所示： 解决办法：在el-radio-group加一个@change事件如： <el-form-item label-width="30px" v-if="!edit"> <el-radio-group @change="checkAddType" v-model="formData.resource"> <el-radio label="on
element中el-radio-group 点击无效
xfy18317776108的博客
04-15 7238
添加页面是可以正常使用的，但是编辑页面给label赋值之后就点击无效了，原因是 v-model设置为了二级，改为一级就可以解决了 但是为什么会这样，还不太明白，等后期知道后在补充 ...
element 循环多个el-radio-group 如何取值赋值，element循环多组el-radio-group设置校验
qq_35770559的博客
12-21 1万+
<script src="//unpkg.com/vue/dist/vue.js"></script> <script src="//unpkg.com/element-ui@2.14.1/lib/index.js"></script> <script src="//cdn.bootcdn.net/ajax/libs/lodash.js/4.17.20/lodash.min.js"></script> <div id="app"&
radio和checkbox选中延迟的情况
du_5pet的博客
09-27 1522
选中radio或checkbox发一个ajax请求，请求数据比较多，页面很卡，但是出现一个情况，每次这个input的选中都不是点击之后立马选中的，而是等ajax请求完毕之后才被选中，原来是我这边的ajax请求不是异步的原因。 解决方式： 直接把这个input点击事件里的ajax请求的async设置为true即可，true是异步，false是同步。 ...
＜el-radio-group＞ 单选效果失效问题
workhd的专栏
08-19 1700
使用<el-radio-group> 标签写了个元素，原先是好用的，今天给页面加了新的其它元素，这个地方就不好用了，也没有js报错，莫名其妙；未解之谜
el-radio 无法选中/切换？|选中后无法切换？|如何有效解决？
AnnGreen的博客
10-31 4024
在响应式对象上添加新的属性，使其成为响应式的。：用于强制组件重新渲染。一般使用这样就可以了。
el-radio-group 点击事件无效时，保持旧值
HDdgut的博客
10-21 4065
而@change事件handleChange，提交的是model，查看计算函数的get ，当前el-radio是嵌套在el-radio-group中的就取el-radio-group的value，所以value不会改变;场景：在点击el-radio时，需要先判断一下，根据接口请求，判断结果决定本次点击是否有效，或二次确认时选择了取消。2.若使用value，加上@change事件，发现不能获取到点击的单选值，change事件传的时旧的value。源码如下：模板中绑定的是v-model=“model”，
记录一下 Eelement ui 表单回显 radio 动态赋值无效果的问题
qq_15419785的博客
05-12 5373
记录一下 Eelement ui 表单回显 radio 动态赋值无效果的问题 对于动态赋值的 Element-ui-radio 要使用动态绑定赋值给label
解决el-radio-group 回显后不能编辑问题
蓝墨の学习笔记
01-04 606
https://blog.youkuaiyun.com/m0_50105168/article/details/125292796
el-radio 无法切换(element 单选框无法切换)
qq_17627195的博客
09-16 3978
问题：当多层嵌套的时候，点击切换多选的时候，值是切换更新了，但是el-radio无法切换，页面不渲染更新。 解决方案：@change="$forceUpdate()" <el-radio-group v-model="test" @change="$forceUpdate()"> <el-radio :label="1">是</el-radio> <el-radio :label="0">否</el-radio> <el-r
elementui el-radio 赋值问题
weixin_43173924的博客
01-02 9675
1.true/false形式 <el-radio-group v-model="form.isUseLombok"> <el-radio :label="false">否</el-radio> <el-radio :label="true">是</el-radio> </el-radio-group> da...
el-radio-group中的el-radio绑定默认值
最新发布
02-29
在el-radio-group中，可以通过给el-radio设置默认值来实现绑定默认值的功能。具体的步骤如下： 1. 在el-radio-group中，使用v-model指令绑定一个数据属性，该属性用于存储选中的el-radio的值。 2. 在el-radio中，使用v-bind指令将默认值绑定到value属性上。 下面是一个示例代码： ```html <template> <div> <el-radio-group v-model="selectedValue"> <el-radio v-bind:value="1">Option 1</el-radio> <el-radio v-bind:value="2">Option 2</el-radio> <el-radio v-bind:value="3">Option 3</el-radio> </el-radio-group> </div> </template> <script> export default { data() { return { selectedValue: 2 // 默认选中Option 2 }; } }; </script> ``` 在上面的代码中，selectedValue属性被绑定到el-radio-group的v-model上，它的初始值为2，即默认选中Option 2。每个el-radio通过v-bind指令将对应的值绑定到value属性上。 这样，当页面加载时，默认选中的el-radio就会根据selectedValue的值进行渲染。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值