vue-vben-admin使用ant-desgin-vue组件，v-model绑定默认值无效

最新推荐文章于 2025-04-17 16:24:17 发布
原创 最新推荐文章于 2025-04-17 16:24:17 发布 · 855 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
GEO检测
文章描述了在VueVben-Admin项目中，使用Vue3.4.21和AntDesignVue4.1.2时，遇到a-radio-group和a-radio-button组件的v-model绑定值类型问题：number和boolean类型下默认值无效，而string和复制boolean类型时有效，作者未能在文档中找到解决方案。

2024-03-11

vue-vben-admin 主线分支

vue版本：3.4.21

ant-design-vue版本：4.1.2

在自带弹窗

使用 ant的 a-radio-group和a-radio-button组件时，a-radio-group使用v-model:value绑定默认值，如图：

当value1为number时无效，当value1类型为string时有效。

若因a-radio-button问题，但使用a-textarea组件时，v-model:disabled属性也出现这个问题

当value2类型为boolean时无效，类型为string时生效。

但通过事件重新复制boolean类型时，是有效的。

查找了vue3和and-desgin-vue的API文档，未找到原因。

标签
#vue.js #前端 #javascript
SiliverSun
关注
vben框架是什么
Yan的博客
05-12 2853
目标是为开发中大型项目提供开箱即用的解决方案。它包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目会使用前端较新的技术栈，可以作为项目的启动模版，帮助用户快速搭建企业级中后台产品原型。此外，Vben也可以作为一个示例，用于学习vue3、vite、ts等主流技术。
a-radio-group按钮调整和使用（vue2和vue3)
weixin_43725034的博客
05-09 2701
想要实现效果是通过点击按钮进行页面切换。
vue3 antd项目实战——radiogroup单选组合、radiobutton单选按钮【v-model双向绑定数据、v-for循环输出options选择项】
热门推荐
XSL_HR的博客
12-29 1万+
一文带你学会vue3 ant design vue项目实战——Radio单选框【后台管理系统 v-model双向绑定、v-for循环输出】
Ant Design Vue a-radio-group中v-model无法识别data中的值
wo_buzhidao的博客
06-05 1万+
Ant Design Vue a-radio-group中v-model无法识别data中的值代码如下问题解决问题 代码如下 </div> <div :style="{ marginTop: '16px' }"> <a-radio-group :defaultValue="ravalue" buttonStyle="solid"> &...
ant-design-vue a-radio 默认值与反显
qq_36987708的博客
04-23 8894
基本用法： <template> <div> <a-radio-group v-model="value" @change="onChange"> <a-radio :value="1"> A </a-radio> <a-radio :value="2"> B </a-radio> <a-radio :value
vben admin表格的筛选项用到RadioButtonGroup
m0_71099325的博客
10-07 515
【代码】vben admin表格的筛选项用到RadioButtonGroup。
antd 单选框a-radio，多选框a-checkbox样式调整
donghua201的博客
04-30 2377
使用组件实现按钮样式。
【radio】v-model绑定radio导致checked失效
mudarn的博客
07-22 2716
看看v-model中该radio的值，无需设置checked， html： value="2" v-model="menu.type" js： menu: { type: "2" }, 此时就会是checked。 ps:js中设置的值如果html中没有，最后会算作是空 ...
【Fantastic-admin】Vue前端框架 出现v-model无法绑定，绑定之后页面无法加载
嘻嘻哈哈学技术
04-01 1675
我的问题是后端查到的数据返回到前端以后，赋值给前端的变量，赋值成功，但是页面绑定失败，页面一直不展示！ 先说明问题的根本原因 ：model的""用了form这个关键字，导致一直绑定不成功，在没修改之前如下图 <el-form ref="form" :model="form" label-width="120px" label-suffix="："> 后端返回的数据格式： 修改之后的代码，只修改了那个值，然后就绑定成功了。很是离谱。 一个小的问题改来改去改了半天！ ...
关于使用vue Antd渲染a-radio-group不自动加载的原因及查询过程
Kings_boy的博客
07-08 2489
前端antd使用
在Vben Admin中使用Cascader 级联选择（基于 Ant Design Vue）
qq_44774287的博客
03-30 2467
vben admin 使用级联选择器
vue2 a-radio-group不回显问题
m0_62180503的博客
09-19 844
【代码】vue2 a-radio-group不回显问题。
el-radio绑定失效问题记录
m0_47594094的博客
05-18 564
el-radio进行单项选择的时候，发现绑定失效了，无法显示绑定值了
Element-Plus el-radio-group 标签在使用时遇到绑定值失效的问题
RanDoll_的博客
03-26 4016
Element-Plus el-radio-group 标签在使用时遇到绑定值失效的问题
Vue.js 中 `v-model` 使用错误的问题及解决方案
最新发布
有我更精彩的博客
04-17 1340
data() {return {</script>v-model在自定义组件中，正确实现input事件，确保v-model的双向绑定生效。<template><script>data() {return {},watch: {},
ant design Radio.Group defaultValue 默认选中没生效
weixin_30357231的博客
11-15 4687
版本问题 (3.10.7 版本中使用 defaultValue) <div> <Radio.Group defaultValue="a" buttonStyle="solid"> <Radio.Button value="a">Hangzhou</Radio.Button> <Radio.Button...
vben Admin5.4.6+ Ant Design Vue (Vben Admin Antd)学习实现简单的Table样例
c1728733689的博客
11-29 1575
vben+ant 实现table组件 展示内容
vue3.0中a-radio-group不回显数据
亲测，只为展现最完美的有效！
02-24 3921
VUE3.0中a-radio-group不回显数据
vite+v3+vbenadmin+ant-design-vue的表格分析
xiaoxuera的博客
09-04 858
主要涉及到vbenadmin表格的使用功能
vebn回显处理（RadioButtonGroup、ApiSelect）
qq_44774287的博客
09-26 3098
vben admin 数据回显
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值