iview 组件的额外传参问题记录


在使用iview组件的时候,经常遇到额外传参的问题,一般情况下可以使用以下2种方法都可以解决:

1、直接在方法后面输入参数,有的时候借用$event获取当前dom信息,在某些特定情况下可以将参数绑定在元素的dataset中获取。

// 组件
<Input
     :value="item"     
     @on-blur="changeQaItem($event,index)"
/>


// method
changeQaItem(e,index){
    console.log(e);
    console.log(index);
}

2、带有返回值的默认函数,比如select组件的远程方法,不可以直接在方法中写参数的,可以借助匿名函数

// 组件
<Select
        v-model.trim="entitySearchValue"
        clearable
        filterable
        placeholder="请输入名称"
        :remote-method="v=>{entityNameSearch(v,'param')}"
      >
</Select>


// method
entityNameSearch(value,param){
    console.log(value);
    console.log(param);
}


免责声明!

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



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