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] 怎么缓存当前打开的路由组件，缓存后想更新当前组件怎么办呢？
[vue] 怎么缓存当前打开的路由组件,缓存后想更新当前组件怎么办呢? 可以在路由meta中加入参数, 对打开的路由进行keep-alive的判断, 通过钩子active等个人简介我是歌谣,欢迎和 ...
php项目index页面空白,如何解决vue项目打包后打开页面空白的问题
这篇文章主要介绍了vue项目打包后打开空白解决办法,内容挺不错的,现在分享给大家,也给大家做个参考. 网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通 ...
ionic4 中使用 url scheme 插件点击链接打开app
ionic4 中使用 url scheme 插件点击链接打开app 接到个新的需求,需要通过url打开应用,Google了下找到了 ionic 可以使用的 url scheme 插件一.在使用前先 ...
Android开发之通过浏览器链接打开任意app页面
老套路先上图: 先说下上面的流程,第一张图是模拟浏览器的网页点击链接打开app,第二张图系统弹框提示是否打开app,第三张图已打开APP,弹出的吐司是打开APP携带的数据具体实现分为两步,第一步配置 ...
Android实现通过浏览器点击链接打开本地应用（APP）
Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据今天老大给我提了一个需求叫我调研一下,他已经测试了iOS平台上是可以的,需求很简单就是在系统浏览器中通过输入一个uri ...
组策略怎么禁用计算机管理,【组策略来禁止电脑打开控制面板】
想让你的电脑打不开控制面板的原因有很多,有的人想让别人动自己电脑的时候不能胡乱设置东西.而我认为掌握这个方法有的时候恶作剧一下,调节下生活气氛也是不错的.特别是xp系统下载现在很多男生去女生宿舍都是从 ...
Android scheme链接打开本地应用
大家都知道,如果我们想要打开手机本地的其他应用,我们可以通过intent的隐式启动,添加相关界面activity的包路径,来打开对应的应用和其界面.但这并不是万能的,因为一来别人家的APP的包路径,不 ...
点击“加入QQ群”链接打开电脑QQ扫码后发现登录地点不是本地
点击某网站"加入QQ群"链接,自动启动了电脑QQ,然后扫码后竟然显示这样的界面: 我明明在杭州,为什么会显示临沂,我认为很有问题,所以没有登录.之后先把通过链接打开的QQ关了,自己 ...
安卓通过链接打开淘宝客户端
最近在项目中遇到了一个需求,那就是安卓客户端没有集成SDK,通过链接打开淘宝客户端.在网上搜索了很多,自己综合并总结了一下,记录下来. 思路:首先判断手机上是否安装有淘宝客户端.如果有就跳转淘宝,如果 ...

Vue实现禁止链接打开

Vue实现禁止链接打开相关推荐

最新文章

热门文章