【vue】vue组件的自定义事件
父组件:
<template> <div> <my-child abcClick="sayHello"></my-child> </div> </template> <script> export default { method: { sayHello(Num,Str) { alert('hello world~~' + Num + Str) } } } </script>
子组件:
<template> <div> <!--例如最简单的封装一个按钮--> <button @click="childClick"></button> </div> </template> <script> export default { data: { return{ myNum: 456, myStr: 'haha' } }, method: { childClick() { this.$emit('abcClick', this.myNum, this.myStr) } } } </script>
核心就是通过$emit来触发自定义事件(不需要注册),并且传值出去
作者:小德cyj
出处:http://www.cnblogs.com/dongzhuangdian
欢迎转载,希望注明出处