vue的select选择框的小技巧

小刘的弟弟

已于 2022-10-26 23:17:34 修改

阅读量277

点赞数

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

于 2022-10-26 23:17:05 首次发布

本文链接：https://blog.csdn.net/weixin_47035997/article/details/127541103

版权

vue 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

前端

5 篇文章 0 订阅

订阅专栏

vue的select的用法记录

一个选择框绑定三个布尔类型的值(特殊业务)

<el-select v-model="type" placeholder="请选择" @change='changeType($event,'参数1')'>
			<el-option label="选项一" value="选项一"></el-option>
			<el-option label="选项二" value="选项二"></el-option>
			<el-option label="选项三" value="选项三"></el-option>
</el-select>

            changeType(val,val2) {
                this.familyInfo[val2].whetherD = false
                this.familyInfo[val2].whetherI = false
                this.familyInfo[val2].whetherC = false
		
                if (val == '') {
         
                    this.familyInfo[val2].whetherD = true
                } else if (val == '') {
                 
                    this.familyInfo[val2].whetherI = true
                }   else if (val == '') {
              
                    this.dibaoForm.familyInfo[val2].whetherC = true
                }  
            },