自定义事件同时接收父组件和子组件的参数

 

自定义事件同时接收父组件和子组件的参数

需求:

自定义了一个事件,使用$emit进行派发,此时传递了一个参数

this.$emit('current-change', this.internalCurrentPage);

父组件进行监听,传递一个数字6过去

@current-change="handleCurrentChange(6)"

 控制打印发现val为6,num为undefined,说明子组件的参数没有接收到

    handleCurrentChange(val,num) {
                console.log(val,num)
    },

解决办法:

将代码改为如下:

    @current-change="handleCurrentChange(6,arguments)"
    handleCurrentChange(val,num) {
          let curTableNum = arguments[0] // 父组件数据
          let curPage = arguments[1][0] // 子组件传递过来的当前选择的第几页
    },

猜你喜欢

转载自blog.csdn.net/qq_16687863/article/details/111560033