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)
            }
        },
posted @ 2021-01-26 16:10  至安  阅读(18866)  评论(0编辑  收藏  举报