考虑vue.js v2中的以下组件:
<template>
<a @click="doSomething()">
<i class="some-icon"></i>
</a>
</template>
<script>
export default {
methods: {
doSomething() {
//...
}
}
}
</script>
我在这里遇到了一个奇怪的问题。 Chrome和Firefox中的click
元素均已正确触发<a>
事件。但是,当我点击包含的<i>
元素时,click
元素上的<a>
事件将不会在Firefox中触发。在Chrome中,单击doSomething()
元素时会触发<i>
方法,在Firefox中,它不会发生。
这是一个已知问题吗?我可以在vue.js中以优雅的方式手动传播点击吗?