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

a标签此处链接为一个外链接传统得 ajax get请求携带字符串 item.goods_id 商品id<a :href="$global.http+ '/b2b/addCart?gid='+ item.goods_id"></a>2. 标签在网页中检查就相当于标签此处链接为vue项目内部的链接to属性值相当于路由此标签生成

奔跑的搬运工

50911人浏览 · 2018-09-08 14:14:58

奔跑的搬运工 · 2018-09-08 14:14:58 发布

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'})
   }
 },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^