<!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>08vue事件的处理</title>
<script src="./vue.js"></script>
<script>
window.onload = function(){
var vm = new Vue({
el:'.box',
methods:{
fnFather:function(){
alert('father');
},
fnSon:function(){
alert('son');
}
}
})
}
</script>
</head>
<body>
<div class="box">
<!-- 阻止提交事件 submit.prevent -->
<!-- <form @submit.prevent = "" action=""> -->
<form action="">
<input type="text" name="user">
<!-- 既组织了冒泡事件,又组织了提交事件 -->
<input @click.stop.prevent="" type="submit">
</form>
<!-- 阻止冒泡事件 stop -->
<div @click="fnFather" class="father" style="background:red">father
<div @click.stop="fnSon" class="son" style="background:green">son</div>
</div>
</div>
</body>
</html>
vue事件的处理
最新推荐文章于 2024-02-26 16:10:32 发布