vue的自定义组件中可以定义事件吗_IT百科

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

<!DOCTYPE html>

<head>

<title>Title</title>

</head>

<body>

</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>

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

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

首先我们要了解 $on 和 $emit

vm. $on ( event, callback )：监听当前实例上的自定义事件。事件可以由vm. $emit 触发。回调函数会接收所有传入事件触发函数的额外参数。

vm. $emit ( event, […args] )：触发当前实例上的事件。附加参数都会传给监听器回调。

父组件中：

子组件中:

触发父组件的click事件

总结：基础功能，没啥多说的。希望能帮助您开发更好的组件

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

vue的自定义组件中可以定义事件吗