中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue.js開發抓信插件,如何在單頁應用中打開新窗口

發布時間:2020-06-30 19:36:14 來源:網絡 閱讀:562 作者:北京看看 欄目:開發技術

在vue項目中實現跳轉到一個新窗口,有兩個方法:
1、<vue-link>標簽實現新窗口打開
官方文檔中說 v-link 指令被 <router-link> 組件指令替代,且 <router-link> 不支持 target="_blank" 屬性,如果需要打開一個新窗口必須要用<a>標簽,但事實上vue2版本的 <router-link> 是支持 target="_blank" 屬性的(tag="a"),如下:

<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新頁面打開home頁</router-link>

2、編程式導航
可以使用this.$router.resolve解析出需要跳轉的url,然后用window.open打開,如下:

let routeUrl = this.$router.resolve({
     path: "/share",
     query: {id:96}
   });
   window.open(routeUrl.href, '_blank');

這種方法在抓信的安卓版本可用,但是發現在抓信iOS版本APP中無法打開新頁面。經過實踐發現,按照如下方法即可在抓信的iOS版本APP正常工作。
3, 用<a :href=variable target="_blank">
首先在頁面設置好超鏈接的跳轉代碼:

<a  :href=url1 target="_blank">打開新窗口</a>

其中變量url1是頁面定義的變量:

 export default {
        data() {
            return {
                      url1:"https://www.baidu.com"              
            }
        },
        methods: {
                getURL() {
                        const url3= this.$router.resolve({
                              name:"guide",
                             params:{}
                        });
                      this.url1=url3.href;      
                }
        },
        mounted() {
                   this.getURL();
        }
                .......

這樣,就可以打開新頁面了

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

南安市| 宁德市| 华池县| 修武县| 龙里县| 定日县| 霍林郭勒市| 潞西市| 镇平县| 巴彦淖尔市| 姚安县| 双柏县| 册亨县| 盐亭县| 汤阴县| 普陀区| 油尖旺区| 罗甸县| 瓦房店市| 望谟县| 广德县| 子洲县| 曲沃县| 凤山县| 吉木乃县| 顺平县| 桦南县| 项城市| 宁乡县| 淮滨县| 攀枝花市| 镇雄县| 大邑县| 凤庆县| 乐亭县| 密云县| 聂拉木县| 安西县| 民权县| 金坛市| 凤城市|