此处监听父组件.native时候 子组件并没有增加点击事件 那么.native到底是什么意思呢
来源：4-8 给组件绑定原生事件
小丸子不吃丸子
2021-01-17 11:53:57
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>给组件绑定原生事件</title>
<script src="vue.js"></script>
</head>
<body>
<div id="root">
<!-- 监听的自定义事件 -->
<child @click.native="handleClick"></child>
</div>
<script>
Vue.component('child',{
//监听的原生事件
template:'<div @click="handleChildClick">Child</div>',
// methods:{
// handleChildClick:function(){
// alert('child click')
// // this.$emit('click')//子组件想监听父组件用￥emit
// }
// }
})
var vm=new Vue({
el:'#root',
methods:{
handleClick:function(){
alert('click')
}
}
})//返回结果 先是child click 后click
</script>
</body>
</html>
1回答
-
好帮手慕久久
2021-01-17
同学你好，解答如下：
.native是指监听原生事件，如下代码的含义是父组件监听子组件原生的click（点击）事件。当子组件触发了点击事件后，父组件中handleClick方法就会执行：
当点击子组件时，默认就是触发子组件原生的点击事件，所以子组件不需要做其他操作。另外，如果子组件不需要监听自己的事件，那么可以不写如下代码：
如果子组件需要在自身点击事件中做些事情，此时子组件需要监听自己的点击事件，如下：
祝学习愉快！
0
相似问题
回答 2
回答 2