elementUI 组件自带事件的传参

241 阅读1分钟

1,默认参数满足要求时,组件内的写法是: 直接写方法名,不传参

@change="checkboxHandleClick"

setup里定义即可,如下,不清楚默认参数为几个时,可以多输出几个

const checkboxHandleClick = (param1,param2)=>{console.log(param1,param2}

2,默认参数不满足要求,需要传入自定义参数时(默认参数为一个时)

<el-checkbox    
v-for="type in list"    
:label="type.label"    
:key="type.label"     
@change="checkboxHandleClick($event, type)">
</el-checkbox>setup(){
   const checkboxHandleClick = (e,type)=>{console.log(e,type)}}

3, 默认参数不满足要求,需要传入自定义参数时(默认参数为多个时)

<el-checkbox    
v-for="type in list"    
:label="type.label"    
:key="type.label"     
@change="(oldval, newval) => checkboxHandleClick(oldval, newval, type)">
//前后相同的为默认参数,后面新传入的是自定义参数,2种的方式也可转化为3的写法</el-checkbox>

setup(){
   
   const checkboxHandleClick = (e,data,type)=>{console.log(e,data,type)}
}