vue.js 16
<html>
<head>
<title>
test13
</title>
<style>
div {padding:20px;}
#outer{background: blue;}
#middle{background: green;}
#inner{background: white;}
</style>
</head>
<body>
<div id="app">
<div id="outer" @click.self="func1">
1
<div id="middle" @click="func2">
2
<div id="inner" @click.self="func3">
3
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
new Vue({
el:'#app',
methods:{
func1:function(){
console.log('1-outer')
},
func2:function(){
console.log('2-middle')
},
func3:function(){
console.log('3-inner')
}
}
})
</script>
</body>
</html>
댓글
댓글 쓰기