Element 单选框 el-radio-group 点击改变触发change事件

1.代码段<el-form-item label="会议类型" prop="kind"><el-radio-group type="kind" v-model="form.kind" @change="agreeChange"><el-radio label="普通会议"style="font-size: 2...

文章共300字 · 阅读需要大约2分钟

一键AI生成摘要，助你高效阅读

问答

zuo_zuo_blog

52860人浏览 · 2019-09-26 16:38:19

zuo_zuo_blog · 2019-09-26 16:38:19 发布

在这里插入图片描述
1.代码段

 <el-form-item label="会议类型" prop="kind">
          <el-radio-group type="kind" v-model="form.kind" @change="agreeChange"> 
            <el-radio label="普通会议"  style="font-size: 25px" ></el-radio>
            <el-radio label="周期会议"></el-radio>
          </el-radio-group>
 </el-form-item>

export default {
    data() {
        return {
          radioTreaty: '1',
          btnstatus:true,
        }
    },
    methods: {
        agreeChange:function(){
        let app = this;
        app.$refs["form"].clearValidate();
        //app.$refs.form.resetFields();
        app.form.end_date="";
      }
   },

2.v-if/else的使用

 <el-form-item label="会议类型" prop="kind">
          <el-radio-group type="kind" v-model="form.kind" @change="agreeChange"> 
            <el-radio label="普通会议"  style="font-size: 25px" ></el-radio>
            <el-radio label="周期会议"></el-radio>
          </el-radio-group>
  </el-form-item>
<div v-if="form.kind == '普通会议'"></div>
<div v-else></div>