<!DOCTYPE html>
<html>
<body>
<div id="app">
<button v-on:click="count++">Add 1</button>count: {
{
count }}
<p><button v-on:click="alerthi">Greet</button></p>
<p><button v-on:click="sayhi">Hi</button></p>
<p><a href="1.jsp" v-on:click.prevent.once="alerthi">链接</a></p>
<p><input type="text" v-model="message"></p>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const vm = Vue.createApp({
data() {
return {
count: 0,
message: 'Hello, Vue.js!'
}
},
methods: {
alerthi() {
alert(this.message)
},
sayhi() {
alert('hi!')
}
}
}).mount('#app')
</script>
</body>
</html>
链接只生效一次 ＜a href=“1.jsp“ v-on:click.prevent.once=“greet“＞链接＜/a＞，不知道为什么要用1.jsp，是什么意思
猜你喜欢
转载自blog.csdn.net/weixin_40945354/article/details/120097535
今日推荐
周排行