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

最新推荐文章于 2025-06-16 10:40:51 发布

原创最新推荐文章于 2025-06-16 10:40:51 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

vue 同时被 2 个专栏收录

71 篇文章

订阅专栏

elementui

49 篇文章

订阅专栏

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

 <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 监听选中变化的实例