Element 单选框 el-radio 点击改变触发事件使用示例

最新推荐文章于 2024-07-30 03:31:48 发布

烂笔头.

最新推荐文章于 2024-07-30 03:31:48 发布

阅读量7.5w

点赞数 28

分类专栏： Web前端

本文链接：https://blog.csdn.net/xfcy1990/article/details/90438549

版权

Web前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

效果：

代码：

<el-radio-group v-model="radioTreaty" @change="agreeChange">
    <el-radio label="1" border>不同意</el-radio>
    <el-radio label="2" border>同意</el-radio>
</el-radio-group>

<el-button type="primary"  :disabled="btnstatus" @click="orderSubmit" style="width: 180px;">提交订单</el-button>

export default {
    data() {
        return {
          radioTreaty: '1',
          btnstatus:true,
        }
    },
    methods: {
        agreeChange:function(val){
          let that = this 
          that.btnstatus=(val==='1')?true:false;
        }
    }
}