vue中el-radio无法默认选中

页面上不生效,默认什么都不选中

javascript 复制代码
<el-radio-group v-model="queryParams.videoUrlType">
  <el-radio :label="1">本地上传</el-radio>
  <el-radio :label="2">外部链接</el-radio>
</el-radio-group>


data里面:设置表单此值的默认值为1
queryParams: {
  videoUrlType: "1",
},


解决办法:

把默认值写在reset方法中,当打开页面时先执行这个方法,

javascript 复制代码
 mounted () {
    this.reset()
  },
  reset () {
      this.queryParams = {
        videoUrlType: 1,
      }
    },

按若依生成的代码,reset方法中会把所有字段默认初始值为null,所以按element官方示例把初始值写在form中是不生效的。

相关推荐
小卿噢4 小时前
同样是插 10 万行,最快的写法比最慢的快 103 倍
前端
weixin_417396835 小时前
星级酒店境外电视频道怎么合法接入?合规要点与核对清单
开发语言·前端·php·1024程序员节·综合布线
hiahiahia1235 小时前
Structured Output
前端·人工智能
FRing035 小时前
JavaScript入门到精通三十一(原型继承、原型链)
开发语言·前端·javascript
程序员大阳5 小时前
副队长JavaScript教程(52)-DOM操作元素的内容
javascript·dom·innertext·innerhtml·value·内容操作
山雀~6 小时前
CSP 安全漏洞修复
前端·网络协议
裕波7 小时前
苏千|从 cnpm 到 Vite+:AI 时代的开发者体验演进
javascript
console.log('npc')7 小时前
周期任务功能完整实现:CRON 编辑器 + 模板变量 + 执行历史
javascript·vue.js·编辑器
程序员大阳7 小时前
副队长JavaScript教程(58)-基于DOM的网页留言板开发
javascript·实例·dom·案例·留言板
陌离7 小时前
Go-Gui:一套 无限接近 现代化UI的 GPU绘制界面组件框架
前端