vue 路由跳转问题

Question

需求 后台给的导航 数据是这样的{NAME:导航，nid:5456456456456456}

点击对应的导航 刷新对应的内容 ，内容是通过导航的ID 来获取对应的内容的

我导航页面是这么写的

 <div class="nav">        <ul class="clearfix">
          <li v-for="(item,index) in navData" :key="index" >
            <router-link :to="{path:'/navlist',query:{ id:item.nid }}">{{ item.NAME }}</router-link>
          </li>
        </ul>
      </div>

这是详情页面代码

created() {    this.get_nav_id()
  
  },  computed:{
  },  methods: {
    get_nav_id() {      var listDetails = this.$route.query.id;      JSON.stringify(listDetails)      var data ={        nid:listDetails
      }      this.$post(this.$commion.listUrl,data)
        .then(response => {          console.log(response);
        })
        .catch(function(error) {          console.log(error);
        });
    }
  }

可是我点机的时候 数据打印不出来 我这么写不对么

Answer 1

调试了没？接口请求ok吗？

Answer 2

f12报的什么错呢