Vue实现标签t跳转 标签 href 动态拼接 ，vue打开外链链接，点击后使用新窗口打开网页

a标签 此处链接为一个外链接 传统得 ajax get请求 携带字符串 item.goods_id 商品id

   <a :href="$global.http+ '/b2b/addCart?gid='+ item.goods_id"></a>

2. 标签在网页中检查就相当于标签 此处链接为vue项目内部的链接 to属性值相当于 路由 此标签生成的网址在路由前面 会有个

<router-link  :to="{path:'/login'}" ></router-link>

3.通过事件 点击 打开新的页面

//方法

    See (goodsId) {
       if(this.$global.getCookie('SYB_TX[tokenId]')){
         window.location.href ='https://www.baidu.com/?tn='+goodsId; //  跳转链接
       }else{
         this.$router.push({path: '/login'})
       }
     },

<a :href ="'http://search.jd.com/Search?enc=utf-8&keyword='+keyWord+'&page='+Math.ceil(record.skuRank/60)+'.html'">跳转</a>

注意点：
1.href前面要加“：”
2.字符串要用单引号“ ’ ”包住
3.句尾要加“.html”

转自
https://blog.csdn.net/weixin_39192643/article/details/82529113