当前位置: 代码迷 >> 综合 >> vue基础学习之v-on
  详细解决方案

vue基础学习之v-on

热度:53   发布时间:2024-01-20 22:42:36.0
1.v-on:submit
	<body><script type="text/javascript" src="js/vue.js" ></script><div id="app"><!--作者:offline时间:2018-02-25描述:“v-on:” 简写 @--><form action="index.html" @submit.prevent="submitfuntion" ><button type="submit">submit</button></form></div><script type="text/javascript">var app =new Vue({el:'#app',data:{message:'hello vue!'},methods:{submitfuntion:function(e){alert("submit");//e.preventDefault(); 与 v-on:submit.prevent的作用相同}}})</script></body>
2.v-on:click
<body><script type="text/javascript" src="js/vue.js" ></script><div id="app"><!--作者:offline时间:2018-02-25描述:1.clickfunction可以加入方法2.方法比较简单,可以将代码直接写在后面--><button type="button" v-on:click="count++">submit{
   {count}}</button></div><script type="text/javascript">var app =new Vue({el:'#app',data:{count:0},methods:{submitfuntion:function(e){alert("submit");//e.preventDefault(); 与 v-on:submit.prevent的作用相同},/*clickfunction:function(){this.count++;}*/}})</script></body>



  相关解决方案