美文网首页
vue地址栏携带参数id,便于seo,vue做seo,vue路由

vue地址栏携带参数id,便于seo,vue做seo,vue路由

作者: 可乐_加冰_ | 来源:发表于2021-07-30 15:19 被阅读0次
  #路由文件:
   {
        path: '/newsInfo/id/:id',
        name: 'NewsInfo',
        component: NewsInfo,
        meta: {
            title: '文章详情'
        }
    },

  #其他页面传参,方式一
  let id = 1;
  this.$router.push({path:'/newsInfo/id/'+id});

 #其他页面传参,方式二
  <router-link :to="`/newsInfo/id/`+row.id" target="_blank">
    <a><span>{{row.title}}</span></a>
  </router-link>

 #获取
  let id = this.$route.params.id;

相关文章

网友评论

      本文标题:vue地址栏携带参数id,便于seo,vue做seo,vue路由

      本文链接:https://www.haomeiwen.com/subject/ipfcvltx.html