elementUI下拉框select组件change事件用法

时间:2023-03-09 03:18:25
elementUI下拉框select组件change事件用法
 <el-select-custom
clearable
collapse-tags
v-model="searchForm.cardTypeList"
@change="isMileageCardOrder"
>
<el-option
v-for="(item,index) in this.makeSelectOptions(bizTpListNew)"
:key="index"
:label="$t(item.label)"
:value="item.value"
>
</el-option>
</el-select-custom>

注意事项:

  • change事件前要加@v-on绑定事件
  • change事件是定义在select标签中,而不是option标签中
  • change事件的参数是回调参数,自动绑定选中的下拉框选项,不需要定义参数。若需要传递除下拉框选项以外的其他参数,则可以在声明时定义
      //接受时方法参数列表中需要定义参数接收
isMileageCardOrder(val){
if (val) {
let typeList = val.split(",")
this.isMileage = typeList.length === 3;
console.log(this.isMileage)
}
},