vue点击事件之@click.native_IT百科

vue @click.native 原生点击事件：

1，给vue组件绑定事件时候，必须加上native ，不然不胡芦会生效（监裤镇带听根元素的原生事件，使用.native修饰符）

2，等同于在子组件中：旅滑

子组件内部处理click事件然后向外发送click事件：$emit("click".fn)

使用 Iview Menu 过程中，出现其歼帆脊子项 MenuItem 添加 @click 事件无法生效的问氏渗题。

使用 @click.native 原生点击事轿裂件替代 @click 点击事件。

可以啊，只要在写成<h1 @click="hi()">{{a}}</h1>,然后在methods里写hi这个函数就行了，还是说你想添加两个点击事卜芦胡件

<!DOCTYPE html>

<head>

<title>Title</title>

</head>

<哗樱body>

<div id="app">型拦

</div>

var mytest = Vue.extend({

template: '<h1 @click="hi()">{{a}}</h1>',

data: function () {

return{

a: "this is a test"

}

methods: {

hi: function() {

alert(this.a)

}

})

var vm = new Vue({

el: "#app",

components: {

"test": mytest

}

})

</script>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

vue点击事件之@click.native