2019-10-14Vue的原生事件.native
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Demo</title>
</head>
<body>
<div id="app">
<table>
<!-- <my-header></my-header> -->
<tr @click.native="show" is="my-header"></tr> <!-- @click.native="show" 这是一个原生事件所以可以触发点击事件-->
<!-- <tr @click="show" is="my-header"></tr> @click="show" 这个事件触发不了 -->
</table>
</div>
<script src="vue.js"></script>
<script>
var vm = new Vue({
el:'#app',
components:{
'my-header':{
template:`<h2>hello myHeader!!!</h2>`,
}
},
methods: {
show:function(){
console.log(123);
}
},
})
</script>
</body>
</html>
本文标题：2019-10-14Vue的原生事件.native
本文链接：https://www.haomeiwen.com/subject/lgermctx.html
网友评论