写法粗糙,只是为了自己工作时方便查看
方式一:
<div id="demo">
<button @click="clickone">one click</button>
</div>
<button onclick="app.outer()">outer btn</button>
<script type="text/javascript">
new Vue({
el:"#demo",
data:{
num:1
},
methods:{
clickone(event){
console.log(event.target.tagName);
}
}
})
</script>
<button @click="clickone">one click</button>
</div>
<button onclick="app.outer()">outer btn</button>
<script type="text/javascript">
new Vue({
el:"#demo",
data:{
num:1
},
methods:{
clickone(event){
console.log(event.target.tagName);
}
}
})
</script>
方式二:
<div id="demo">
<button @click="clickone">one click</button>
</div>
<button onclick="app.outer()">outer btn</button>
<script type="text/javascript">
new Vue({
el:"#demo",
data:{
num:1
},
methods:{
clickone:function(event){
console.log(event.target.tagName);
}
}
})
</script>
<button @click="clickone">one click</button>
</div>
<button onclick="app.outer()">outer btn</button>
<script type="text/javascript">
new Vue({
el:"#demo",
data:{
num:1
},
methods:{
clickone:function(event){
console.log(event.target.tagName);
}
}
})
</script>