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

  • Post author:
  • Post category:其他


在这里插入图片描述


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>

推荐阅读


https://blog.csdn.net/xfcy1990/article/details/90438549



版权声明:本文为zuo_zuo_blog原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。