如何在Vue.js方法函数中设置默认参数值？

Question

我正在尝试通过以下一种组件方法为函数设置默认参数值：

methods: {
    myFuntion: function(isAction = false) {}
}

但是当调试isAction的值时，我得到一个“ MouseEvent”吗？

Answer 1

我找到了解决方案。默认情况下，事件似乎也传递给了该方法。因此，您可以在方法函数上设置默认参数值，例如：

methods: {
    myFuntion: function(event, isAction = false) {
        // isAction will be false by default
        // event will have the contain the event object
    }
}

Answer 2

1. 如果您按如下方式调用方法，它将隐式传递事件对象： <button @click="myFuntion">Default Action</button> <!-- isAction will be event -->

2. 如果不需要事件对象，只需在方法名称中添加括号： <button @click="myFuntion()">Default Action</button> <!-- isAction will be false -->

3. 否则，只需传递isAction的值即可： <button @click="myFuntion(true)">Special Action</button> <!-- isAction will be true -->