element-ui单选框change事件获取选中的值

最新推荐文章于 2024-07-09 16:44:35 发布

张帆X

最新推荐文章于 2024-07-09 16:44:35 发布

阅读量2k

点赞数

分类专栏： elementUI 文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/weixin_67490903/article/details/127385966

版权

elementUI 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文展示了如何在Vue.js应用中利用<el-radio-group>和<el-radio-button>组件创建一个城市选择功能。通过v-model双向绑定选中值，v-for遍历城市列表，并在change事件中监听用户选择，打印选中城市。

摘要由CSDN通过智能技术生成

 <el-radio-group v-model="radio1">
      <el-radio-button v-for="city in cities" :label="city" :key="city" @change.native="choose">{{city}}</el-radio-button>
    </el-radio-group>

 data() {
        return {
        
           radio1: '上海',
           city:'',
          cities:['上海', '杭州', '武汉', '重庆'],
         
        };
    },




    methods: {
        choose(){
        console.log(this.radio1);
  }

    },