vue使用事件绑定携带参数会覆盖函数默认参数怎么办？

Question

问题描述

想做过渡的效果，但是css完成不了，因为需要计算子元素的个数，所以用到了transition的js，他们有默认几个事件，我想把子元素的个数带进去，但是发现这个个数把所有的参数都覆盖掉了，请问该怎么办。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<transition @before-enter="bEnter(item1.children.length)" @enter="enter" @leave="leave">

bEnter(el){   //这个地方默认是el，如果传递了上面的参数，那么这个地方就是被覆盖掉的。
    console.log(arguments)
    el.style.height = 0;
    el.style.opacity = 0;
}

你期待的结果是什么？实际看到的错误信息又是什么？

虽然可以通过点击记录length个数来使用，但是用参数的方式更方便，我想知道这个地方用怎么样让他不替换事件函数默认的参数。

Answer 1

用这种写法，可以加任意个参数

<transition @before-enter="((el) => {bEnter(el,item1.children.length)})" @enter="enter" @leave="leave">

Answer 2

<transition @before-enter="(el)=>bEnter(el,item1.children.length)" @enter="enter" @leave="leave">

Answer 3

也许这是你想要的
https://cn.vuejs.org/v2/api/#...
在点击事件传入$event