Vue实现禁止链接打开
生活随笔
收集整理的這篇文章主要介紹了
Vue实现禁止链接打开
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Vue提供了一個特殊的變量$event,用于訪問原生DOM事件。
<!doctype html> <html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Vue實現禁止鏈接打開</title></head><body><div id="app"><a href="https://blog.csdn.net/BADAO_LIUMANG_QIZHI" @click="prohibitOpen('不要打開這個網址：https://blog.csdn.net/BADAO_LIUMANG_QIZHI',$event)">你打不開這個網址</a></div> <!-- 開發環境版本，包含了有幫助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script>new Vue({el:'#app',methods:{prohibitOpen:function(message,event){event.preventDefault();window.alert(message);}}}) </script></body> </html>總結
以上是生活随笔為你收集整理的Vue实现禁止链接打开的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Vue的列表渲染指令
- 下一篇： html5倒计时秒杀怎么做,vue 设