<template> <div> <router-link :to="'/club/itemDetail/'+item.ID"> <section> <img :src="getContextPathSrc+item.IMG_URL"> <section> <h3>{{item.NAME}}</h3> <aside> <img src=""> <span>{{item.CITY}}</span> </aside> <aside> <img src=""> <span>{{item.START_DATE | movieTime}}-{{item.END_DATE | movieTime}}</span> </aside> </section> </section> </router-link> </div> </template> <script> import api from './../../fetch/api'; import { mapGetters } from 'vuex'; import LoadMore from './../common/loadmore.vue'; export default { props:{ item: Object, }, data() { return { }; }, computed: { ...mapGetters([ 'getContextPathSrc', 'sessionId', 'token' ]), }, }; </script>
当然，最重要的一步不能忘掉。。。我们需要修改路由index.js文件：
{ path: 'itemDetail/:ID', name: 'itemDetail', component: resolve => require(['components/club/itemDetail.vue'], resolve) },
这样就大功告成了。两种方法，喜欢哪种用哪种就好。。
以上这篇vue2中,根据list的id进入对应的详情页并修改title方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章: