026——VUE中事件修饰符之使用$event与$prevent修饰符操作表单
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件修饰符之使用$event与$prevent修饰符操作表单</title> <script src="vue.js"></script> </head> <body> <div id="hdcms"> <!--<form action="" @submit="post($event)">--> <!--prevent 写入到代码里面等同于写入js中。阻止提交事件发生--> <form action="" @submit.prevent="post('lantian')"> <h1>{{times}}</h1> <button>提交</button> </form> </div> <script> var app = new Vue({ el: '#hdcms', data: { times: new Date() }, methods: { // post($event) { // //preventDefault() 阻止元素发生默认的行为 // event.preventDefault(); // alert('lantian'); // }, post(num) { alert(num); } } }); </script> </body> </html>