Vue实现禁止链接打开

柔光的暖阳◎ 2023-10-18 08:55 41阅读 0赞

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>

![70][]

[70]: https://img-blog.csdn.net/20180917212805822?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70

发表评论取消回复

表情：

评论列表（有 0 条评论，41人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue实现禁止链接打开

Vue提供了一个特殊的变量$event,用于访问原生DOM事件。 <!doctype html> <html lang="en"> <head>

柔光的暖阳◎/ 2023年10月18日 08:55/ 0 赞/ 42 阅读

相关 cordova打开外部链接_cordova通过外部链接打开app，为什么handleopenurl方法不执行?...

先直接贴关键代码： $rootScope.goalBillId = '';//外部链接带过来的参数billId var userInfo = null;//用于判断app用

╰+攻爆jí腚メ/ 2023年01月10日 05:11/ 0 赞/ 139 阅读

相关打开只能在微信客户端打开的链接

最近项目弄了一个微信公众号，在项目中的app能显示微信公众号里发的文章，做的时候使用的是一个webview，只需要在微信中进入相关文章，然后将文章的网页URL获取到就OK了。

本是古典何须时尚/ 2022年07月16日 23:12/ 0 赞/ 298 阅读

相关 Cordova 配置WebView可以打开外部链接

一、问题：在使用Cordova生成的Android App中默认情况下WebView中的超链接，如果不是相对链接，会默认使用浏览器打开。 ![Center][] 解决

落日映苍穹つ/ 2022年07月12日 01:09/ 0 赞/ 377 阅读

相关 Winform 中打开超链接

from http://blog.csdn.net/shylx123/article/details/11629589 可以用linkLabel控件

ゞ浴缸里的玫瑰/ 2022年06月13日 00:59/ 0 赞/ 363 阅读

相关 JavaScript打开新链接

雕栏玉砌应犹在,只是朱颜改 JavaScript打开新链接可以设置当前窗口跳转还是打开一个新窗口: 第一种:当前窗口打开: window.location.h

迈不过友情╰/ 2022年05月23日 01:36/ 0 赞/ 258 阅读

相关小程序打开h5链接

第一个页面，点击这个页面，跳转到h5的页面 <view class="jumprow" bindtap='jumpToUcard'> <text clas

浅浅的花香味﹌/ 2022年05月12日 01:20/ 0 赞/ 212 阅读

相关 tkinter实现label超链接调用浏览器打开网址

tkinter的label标签没有command属性，但是可以利用bind方法给label标签绑定鼠标和键盘事件代码：首先需要导入webbrowser模块

╰+哭是因爲堅強的太久メ/ 2021年12月20日 17:45/ 0 赞/ 651 阅读

相关 Vue锚点链接

锚点链接是我们在开发中经常会用到的一个技术点，常见的常见有，页面内容过多，而我们不希望拿鼠标一直来回滚动，就需要用到锚点链接，以 " 目录 " 的方式来进行对应的跳转。而在

心已赠人/ 2021年09月18日 20:18/ 0 赞/ 470 阅读

相关 js链接打开新的页面

写项目时，用的是 location.href ，这种方式，默认在本页面打开 html: <a href="javascript:;" class="goto-sy

本是古典何须时尚/ 2021年09月11日 06:08/ 0 赞/ 484 阅读