vue-router相关问题

Question

报错信息是

vue.js?b3dc:2643 [Vue warn]: Error when rendering component <router-link>: 
[vue-router] missing param for named route "content": Expected "id" to match "[^\/]+?", but received

之前是正常的，后面增加了路由子页面就报错了

template

<div class="card demo-card-header-pic" id="card" v-for="item in news">

    <div valign="bottom" class="card-header color-white no-border no-padding">
      <img class='card-cover' :src="item.text_image0" alt="">
    </div>
    <div class="card-content">
      <div class="card-content-inner">
        <p class="color-gray">发表于 {{item.edit_time}}</p>
        <p>{{item.digest}}</p>
      </div>
    </div>
    <div class="card-footer">
      <a href="#" class="link">赞</a>
       <router-link :to="{name:'content',params:{id:item.news_id}}" class="link" tag="a">更多</router-link>
    </div>
</div>

项目地址：https://github.com/angerlover...

Answer 1

还是要发一下你的路由配置的JS、

有一点想指出、你的v-for和节点的id在同一级、会导致遍历出很多ID相同的节点吧、这样写是不好的