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)
            }
        },


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM