vue,react,第三方组件事件添加多个自定义参数

vue,react,第三方组件事件添加多个自定义参数

其实vue和react都差不多,思路都是传入原来的第三方组件的参数,返回需要自定义添加多个参数的函数。
可参考react官方的:在这里插入图片描述
用es6的…运算符,就不用在意它原来的参数有多少个了,直接在后面加我们需要的参数就行,如下列子,我们点击获取item的值。

import React from 'react'

function EventParams(){
    let num=[1,2,3,4]
    let  listItems=num.map(item=>
        <li key={item} onClick={(...params)=>getNum(...params,item)}>{item}</li>
    )
    function getNum(...params){
        console.log(params[1])
    }
    return(
        <div>
            <ul>{listItems}</ul>
        </div>
    )
}
export default EventParams

vue那边也是可以这么处理的噢

猜你喜欢

转载自blog.csdn.net/weixin_44494811/article/details/107224501
今日推荐