vue.js开发抓信插件，如何在单页应用中打开新窗口

标签：lin   文档   pat   eth   ide   支持   target   app   tar   

<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();
        }
                .......

这样，就可以打开新页面了

vue.js开发抓信插件，如何在单页应用中打开新窗口

标签：lin   文档   pat   eth   ide   支持   target   app   tar   

原文地址：https://blog.51cto.com/kankan/2453529