vue 方法名字符串 传参
时间: 2023-08-27 10:33:54 浏览: 230
Vue传参一箩筐(页面、组件)
在Vue中,我们可以通过字符串来传递方法名并在组件中调用该方法。例如:
```
<template>
<div>
<button @click="callMethod('someMethod')">调用方法</button>
</div>
</template>
<script>
export default {
methods: {
someMethod() {
console.log('调用了someMethod方法');
},
callMethod(methodName) {
this[methodName](); // 通过方法名字符串调用方法
}
}
}
</script>
```
在上面的例子中,我们在模板中创建了一个按钮,并在点击按钮时调用了callMethod方法,并传递了字符串'someMethod'作为参数。然后,在callMethod方法中,我们使用this[methodName]()来调用传递的方法名字符串对应的方法。这将输出“调用了someMethod方法”到控制台。
需要注意的是,通过字符串来传递方法名是不安全的,因为它可以被篡改和误用。因此,我们应该尽量避免这样做,并使用其他更安全的方式来传递方法。
阅读全文