文章目錄
- 一、語法介紹
- 二、添加代碼
- 三、結果展示
- 四、參考文獻
一、語法介紹
1、問題來源
???????我們在處理網頁時,當點擊按鈕時會觸發對應事件,但是有時并不想觸發該時間,此時就需要事件修飾符對事件進行限定。
2、解決辦法
???????Vue 為解決這一問題,Vue 為 v-on 提供了事件修飾符。修飾符是用 . 表示的指令后綴,包含以下這些:
- .stop
- .prevent
- .self
- .capture
- .once
- .passive
二、添加代碼
<template><h3>事件修飾符</h3><!-- 此時只會觸發clickHandle,不觸發后面的跳轉網頁事件 --><a @click.prevent="clickHandle" href ="https://www.baidu.com/index.htm">百度</a>
</template><script>
export default {// 變量聲明data() {return {}},methods: {// enent對象clickHandle() {// vue中的event對象就是js中的enent對象console.log("點擊了");}}
}
</script>
三、結果展示
略
四、參考文獻
[1] vue.js