vue中el-radio无法默认选中

页面上不生效,默认什么都不选中

<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方法中,当打开页面时先执行这个方法,

 mounted () {
    this.reset()
  },
  reset () {
      this.queryParams = {
        videoUrlType: 1,
      }
    },

在这里插入图片描述
按若依生成的代码,reset方法中会把所有字段默认初始值为null,所以按element官方示例把初始值写在form中是不生效的。

你可能感兴趣的:(解决前端小问题,vue.js,javascript,前端)