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

相关推荐
powerfulhell3 分钟前
寒假python作业5
java·前端·python
木子啊18 分钟前
前端组件化:模板继承拯救发际线
前端
三十_A20 分钟前
零基础通过 Vue 3 实现前端视频录制 —— 从原理到实战
前端·vue.js·音视频
前端小菜袅20 分钟前
PC端原样显示移动端页面方案
开发语言·前端·javascript·postcss·px-to-viewport·移动端适配pc端
Highcharts.js22 分钟前
如何使用Highcharts SVG渲染器?
开发语言·javascript·python·svg·highcharts·渲染器
We་ct22 分钟前
LeetCode 228. 汇总区间:解题思路+代码详解
前端·算法·leetcode·typescript
爱问问题的小李37 分钟前
ue 动态 Key 导致组件无限重置与 API 重复提交
前端·javascript·vue.js
码云数智-大飞40 分钟前
从回调地狱到Promise:JavaScript异步编程的演进之路
开发语言·javascript·ecmascript
m0_7482299943 分钟前
PHP+Vue打造实时聊天室
开发语言·vue.js·php
子兮曰44 分钟前
深入Vue 3响应式系统:为什么嵌套对象修改后界面不更新?
前端·javascript·vue.js