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

相关推荐
brzhang3 分钟前
代码即图表:dbdiagram.io让数据库建模变得简单高效
前端·后端·架构
三巧14 分钟前
纯CSS吃豆人(JS仅控制进度)
javascript·css·html
SummerGao.15 分钟前
【解决】layui layer的提示框,弹出框一闪而过的问题
前端·layui
软件技术NINI31 分钟前
html css js网页制作成品——HTML+CSS+js美甲店网页设计(5页)附源码
javascript·css·html
天天扭码43 分钟前
从数组到对象:JavaScript 遍历语法全解析(ES5 到 ES6 + 超详细指南)
前端·javascript·面试
拉不动的猪44 分钟前
前端开发中常见的数据结构优化问题
前端·javascript·面试
街尾杂货店&1 小时前
css word
前端·css
Мартин.1 小时前
[Meachines] [Hard] CrimeStoppers LFI+ZIP-Shell+Firefox-Dec+DLINK+rootme-0.5
前端·firefox
冰镇生鲜1 小时前
快速静态界面 MDC规则约束 示范
前端
技术与健康1 小时前
【解读】Chrome 浏览器实验性功能全景
前端·chrome