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

相关推荐
完球了8 分钟前
【Day02-JS+Vue+Ajax】
javascript·vue.js·笔记·学习·ajax
前端没钱8 分钟前
若依Nodejs后台、实现90%以上接口,附体验地址、源码、拓展特色功能
前端·javascript·vue.js·node.js
爱喝水的小鼠14 分钟前
AJAX(一)HTTP协议(请求响应报文),AJAX发送请求,请求问题处理
前端·http·ajax
dgiij15 分钟前
AutoX.js向后端传输二进制数据
android·javascript·websocket·node.js·自动化
叫我:松哥30 分钟前
基于机器学习的癌症数据分析与预测系统实现,有三种算法,bootstrap前端+flask
前端·python·随机森林·机器学习·数据分析·flask·bootstrap
让开,我要吃人了33 分钟前
HarmonyOS鸿蒙开发实战(5.0)网格元素拖动交换案例实践
前端·华为·程序员·移动开发·harmonyos·鸿蒙·鸿蒙开发
谢尔登41 分钟前
Webpack 和 Vite 的区别
前端·webpack·node.js
谢尔登42 分钟前
【Webpack】Tree Shaking
前端·webpack·node.js
过期的H2O21 小时前
【H2O2|全栈】关于CSS(4)CSS基础(四)
前端·css
纳尼亚awsl1 小时前
无限滚动组件封装(vue+vant)
前端·javascript·vue.js