1. el-select 组件的基本用法el-select 是一个下拉选择框组件,允许用户从预定义的选项中选择一个或多个值。它支持多选、远程搜索、清除选项等功能。基本用法如下: vue <template> <el-select v-model="selectedValue" placeholder="请选择"> <el-option v-for="item in options" :key="...
使用@click.native="getCorpAndDept(item)" 给el-option绑定原生事件,获取整个对象,这样不影响el-select的v-model值;如果使用value-key,会导致v-model也是对象,处理更加麻烦。 方式二:使用value-key
使用@click.native="getCorpAndDept(item)" 给el-option绑定原生事件,获取整个对象,这样不影响el-select的v-model值;如果使用value-key,会导致v-model也是对象,处理更加麻烦。
selectOne(event, item) { //change 触发事件 //直接就拿到当前的这个对象了 }, menuSelectData: [{ //数组格式 value: 'all', name: '全部数据', parentId: -1 }], menuSelect: '', //需要在data上面添加这个属性
</el-select> </template> </el-table-column> 但是会出现一个问题:我们有多个el-select,只是改变了其中一个el-select的值,但是会触发所有的change事件;或者我们是v-for生成了很多个调用同一个change函数的el-select,这时所有的el-select都会执行一遍change函数,这会给我们带来意想不到的问题。
在如下el-select组件的代码中,要想在change事件时获取label的值。 <el-select v-model="ruleForm.usualReviews" :readonly="true" class="oms-select" placeholder="请选择常用意见" @change="selectChanged" > <el-option v-for="item in list"
将el-select 绑定属性 value-key (作为 value 唯一标识的键名,绑定值为对象类型时必填)再将 el-option 的 value 属性绑定之为 item
</el-option></el-select> 注意：@change="getDjCdxl"也可以换成@change="getDjCdxl($event)"，监听方法中获取的值是一样的 change监听放入如下：具体代码为（可复制）：getDjCdxl(value) {this.selectDjCdxl = value; } 上诉方法中的参数value的值，为获取的选择框中的具体value值，不是显示的名称 ...
key="item.value":label="item.name":value="item"></el-option></el-select></el-form-item></el-form>selectOne(event,item){//change 触发事件//直接就拿到当前的这个对象了},menuSelectData:[{//数组格式value:'all',name:'全部数据',parentId:-1}],menuSelect:'',//需要在data上面添加这个...
在如下el-select组件的代码中,要想在change事件时获取label的值。 <el-selectv-model="ruleForm.usualReviews":readonly="true"class="oms-select"placeholder="请选择常用意见"@change="selectChanged"><el-optionv-for="item in list":key="item":value="item.opinionId":label="item.content"></el-optio...