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中是不生效的。

相关推荐
leluckys14 分钟前
flutter 专题 六十八 Flutter 多图片上传
前端·javascript·flutter
Enti7c21 分钟前
数据一键导出为 Excel 文件
前端·javascript·excel·jquery
Jinuss22 分钟前
源码分析之Leaflet中control模块Zoom类实现原理
前端·leaflet
qiyue7724 分钟前
用claude3.7,不到1天写了一个工具小程序(11个工具6个游戏)
前端
Linruoxin30 分钟前
理解浏览器视口:为什么你的屏幕分辨率不直接决定网页的显示区域?
前端·css
乌恩大侠32 分钟前
AMD Versal™ AI Edge Series VEK280 Evaluation Kit
前端·人工智能·edge
七公子7738 分钟前
微信小程序常见问题记录合集
前端·微信小程序
the_one39 分钟前
🔥 纯CSS黑科技!仅用1个DIV实现3D立体选项卡
前端·css
microhex40 分钟前
Javascript代码压缩混淆工具terser详解
开发语言·javascript·ecmascript
工业互联网专业1 小时前
基于springboot+vue的二手车交易系统
java·vue.js·spring boot·毕业设计·源码·课程设计·二手车交易系统