vue.js 中 如何阻止默认事件,请给demo!!!
发布网友
发布时间：2022-05-01 23:49
共2个回答
热心网友
时间：2022-04-20 19:02
文档上说了在事件后面加上 .prevent就可以阻止默认事件了。
比如 ：
<!-- 阻止单击事件冒泡 -->
<a v-on:click.stop="doThis"></a>
<!-- 提交事件不再重载页面 -->
<form v-on:submit.prevent="onSubmit"></form>
<!-- 修饰符可以串联 -->
<a v-on:click.stop.prevent="doThat">
<!-- 只有修饰符 -->
<form v-on:submit.prevent></form>
1、我这里就不去请求服务器了.我觉得解析服务器的JSON数据，其明白最基本的原理即可有同样的效果。
2、我这里就写一个JSON字符串。
3、然后我们用$.each遍历这个json对象，但是在遍历的时候你会发现遍历不了。原因是因为要先解析成JS字符串。用JSON.parse()。
4、解析之后我们才可以去用$.each去遍历出来。
5、我们到浏览器里控制器里可以看到结果。对应的key 跟 value都已经打印出来了。现在你就可以去渲染页面了。从服务器来的数据也是一样。首先先解析，解析完了遍历.然后打印出来看下，之后在渲染。
热心网友
时间：2022-04-20 20:20
额，谁那么无聊去专门写个demo，文档上不是都说了，在事件后面加上 .prevent就可以阻止默认事件了 比如
<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a>
<!-- 提交事件不再重载页面 -->
<form v-on:submit.prevent="onSubmit"></form>
<!-- 修饰符可以串联 -->
<a v-on:click.stop.prevent="doThat">
<!-- 只有修饰符 -->
<form v-on:submit.prevent></form>
