给组件绑定原生事件13

百味皆苦

于 2019-02-23 20:51:29 发布

阅读量140

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_36925536/article/details/87896985

Vue 专栏收录该内容

21 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>给组件绑定原生事件native</title>
		<script src="vue.js"></script>
	</head>
	<body>
		<!-- 
		 监听组件上的事件在监听事件名后加.native
		 在vue实例中写监听函数
		 -->
		<div id="app">
			<child @click.native="click"></child>
		</div>
		<script>
			Vue.component('child',{
				template:'<div>hello</div>'
			})
			var vm=new Vue({
				el:'#app',
				methods:{
					click:function(){
						alert("hello")
					}
				}
			})
		</script>
	</body>
</html>