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

相关推荐
卢叁几秒前
Flutter之自定义TabIndicator
前端·flutter
每天吃饭的羊12 分钟前
state和ref
前端·javascript·react.js
GEO_YScsn13 分钟前
Vite:Next-Gen Frontend Tooling 的高效之道——从原理到实践的性能革命
前端·javascript·css·tensorflow
GISer_Jing13 分钟前
滴滴二面(准备二)
前端·javascript·vue·reactjs
ningmengjing_17 分钟前
webpack打包方式
前端·爬虫·webpack·node.js·逆向
摇滚侠19 分钟前
Vue3入门到实战,最新版vue3+TypeScript前端开发教程,笔记03
javascript·笔记·typescript
Yuner200019 分钟前
Webpack开发:从入门到精通
前端·webpack·node.js
GISer_Jing21 分钟前
滴滴二面准备(一)
前端·javascript·面试·ecmascript
lecepin37 分钟前
AI Coding 资讯 2025-09-10
前端·javascript·面试
RestCloud1 小时前
PostgreSQL大表同步优化:如何避免网络和内存瓶颈?
前端·数据库·api