Fork me on Bolg '◡'

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);
}
posted @ 2019-06-03 17:14  webhmy  阅读(2060)  评论(0编辑  收藏  举报