uniapp @click同时传自定义参数和事件参数,事件参数为undefined
时间: 2024-10-11 15:02:58 浏览: 64
Angular使用操作事件指令ng-click传多个参数示例
在UniApp框架中,`@click` 是一个用于处理用户点击事件的装饰器,它通常用于 Vue 组件中。如果你想在`@click`事件触发时传递自定义参数和事件原生参数,可以这样操作:
```html
<template>
<button @click="handleClick(customParam, $event)">点击我</button>
</template>
<script>
export default {
methods: {
handleClick(customParam, event) {
// 在这里,customParam是你自定义的参数
const { type, target } = event; // 获取事件原生参数
if (event === undefined) {
console.error('event参数未获取到,请检查是否正确绑定事件');
} else if (target === undefined) {
console.log('目标元素未找到,可能是阻止冒泡的情况');
}
// 可以对参数做进一步的操作
console.log(`Custom param: ${customParam}, Event type: ${type}`);
}
},
};
</script>
```
在这个例子中,`customParam`是你通过`this.$emit`手动传递给组件的自定义参数,而`$event`是Vue提供的事件对象,包含了像`type`和`target`等信息。如果`$event`本身是`undefined`,说明可能是在某些特殊条件下没有正确捕获到事件。
阅读全文