HTML链接跳转与vue链接跳转

1.实现方式

在HTML中，链接到外部url，并且打开一个新的页面

<ul style="width: 134px"><li><a href="http://www.baidu.com"  target="_blank">百度</a></li>
</ul>

在vue中，链接到外部url，并且打开一个新的页面

 <ul ><li><a href="javascript:void(0);" @click="postOpenPlatform('http://www.baidu.com')"> 百度</a></li></ul>methods: {postOpenPlatform(url){window.open(url,'_blank');},}

2.部分说明

a标签跳转的四种方法

 _Blank（在新页面打开）_Self（在本页面打开）_Parent（在父窗口打开）_Top（是在顶层窗口打开）

javascript中window.open()与window.location.href的区别

 //不打开新的页面(window.location是window对象的属性)window.location.href = url;//打开一个新的页面(window.open是window对象的方法 )window.open(url,'_blank');

（1）
window.location是window对象的属性，而window.open是window对象的方法
window.location是你对当前浏览器窗口的URL地址对象的参考！
window.open是用来打开一个新窗口的函数！
（2）
window.open 用来打开新窗口
window.location 用来替换当前页，也就是重新定位当前页

（3）
window.open()是可以在一个网站上打开另外的一个网站的地址
window.location()是只能在一个网站中打开本网站的网页

HTML链接跳转与vue链接跳转相关推荐

vue设置html自动跳转路由,vue路由跳转的三种方式是什么？
本教程操作环境:windows7系统.vue2.9版,适用于所有品牌电脑. vue中通过路由跳转的三种方式 router-view 实现路由内容的地方,引入组件时写到需要引入的地方, 需要注意的是,使 ...
vue a链接跳转打开外部链接
背景: vue单页应用项目直接使用a标签跳转到外部链接报错问题分析: a标记触发的跳转默认被router处理,加上了前缀,见如下代码: <--a标签--><ahref=" ...
支持外部链接跳转的 Vue Router 扩展实现
本文内容问题现状改进思路话题延伸本文小结众所周知,Vue Router 是 Vue 中重要的插件之一,特别是在当下流行的单页面应用/SPA 中,这种感觉会越来越明显.此时,路由的作用就是根 ...
vue跳转到外部链接，vue页面的跳转
Vue项目中跳转外部链接 google 就用a标签跳转 vue 页面跳转的两种方式 1,标签跳转 <router-link to='two.html'><button>点我到第 ...
vue项目中自动跳转到外部链接
今天在写一个web项目的时候,发现有一个功能需要点击导出,然后弹出框选择下载在本地,并且要求下的文件是xlsx类型的.首先我的思路是,点击导出,然后后端查询数据库的数据,把数据写入本地xlsx表中,然 ...
vue轮播图实现点击图片跳转到外部链接
需求:点击轮播图中的图片跳转到外部链接,比如跳转到csdn首页. 实现: 1.写出大体框架 <template><el-carousel :interval="4000&q ...
飞书上点链接怎么指定跳转浏览器_链接示例表功能还可以这样用？？
在 CukeTest 最新版 1.6.0 中更新了一个新功能--链接示例表,能够将外部维护的测试用例数据文件直接链接到示例表中使用. 了解行为驱动(BDD)或Cucumber的同学都知道,长久以来,C ...
[jQuery] 根据表单的不同参数跳转不同的链接
说明在实现前端的时候,我们有些需求是这样的: 1. 需要表单来向服务端get或post参数 2. 表单数据不只一个 3. 需要根据不同的提交的数据参数.类型等信息提交到不同思路把请求放到后端处理 ...
html微信支付跳转源码,h5外部浏览器跳转微信支付链接api接口免费代码
如何让h5网页外浏览器跳转微信支付链接呢,这里分析了部分微信接口,可以用原生的公众号支付接口来搭建平台,代码如下跳转中 //演示地址:http://vip.kakuapi.com/wxpay.php ...

HTML链接跳转与vue链接跳转

HTML链接跳转与vue链接跳转

1.实现方式

2.部分说明

HTML链接跳转与vue链接跳转相关推荐

最新文章

热门文章