vue el-radio 监听选中变化的值

最新推荐文章于 2025-04-17 17:02:05 发布

LUNA~

最新推荐文章于 2025-04-17 17:02:05 发布

阅读量943

点赞数 1

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/CMDN123456/article/details/137641569

vue 同时被 2 个专栏收录

68 篇文章

订阅专栏

elementui

47 篇文章

订阅专栏

文章描述了一个使用Vue.js的el-radio组件实现的选择器，当用户选择油泵车时，会禁用相关选项并设置默认文件类型为.csv；选择电源车则启用选项并设置默认文件类型为.txt。changeHandler函数处理了选中值变化的逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <el-radio-group
          v-model="newFrom.FileType"
          @change="changeHandler"
        >
          <el-radio
            label="1"
            v-model="newFrom.EquipmentType"
          >油泵车</el-radio>
          <el-radio
            label="2"
            v-model="newFrom.EquipmentType"
          >电源车</el-radio>
        </el-radio-group>


 /**
     * 监听单选框值的变化 
     * @param {*} val
     */
    changeHandler(val) {
      console.log(val, "选中值变化");
      if (val == 1) {
        this.isdisabled = true;
        this.placeText = "电源车不需要选择";
        this.showEquipcode = false;
        this.acceptData = ".csv";
      } else {
        this.isdisabled = false;
        this.placeText = "请选择";
        this.showEquipcode = true;
        this.acceptData = ".txt";
      }
    },

vue el-radio 监听选中变化的实例