                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /3小时速成 Vue2.x 核心技术

从list组件点击查看更多路由到了Info组件永远都是显示的第一条新闻详情

<template>
    <div>
        <ul>
            <li v-for="(item,index) in pageLists"
                @click="look(index)"
                :class="{active: index == current && current !== ''}"
                :key="index">
                <span>{{item.title}}</span>
                <p>{{item.content}}</p>
                <small>{{dateTime}}</small>
                <a v-show="index == current && current !== ''" @click="lookMore()">
                    <small>查看更多>></small>
                </a>
            </li>
        </ul>
    </div>
</template>

<script>
    import store from '@/store'
    export default {
        name: "List",
        store,
        data () {
            return {
                current: '',
                dateTime: new Date().toLocaleString()
            }
        },
        computed: {
            pageLists () {
                return store.state.lists
            }
        },
        methods:{
            look (index) {
                this.current = index
            },
            lookMore () {
                this.$router.push('/info');
            }
        }
    }
</script>

<template>
    <div>
        <div v-for="(item,index) in pageLists"
             v-show="index == current"
             :key="index">
            <span>{{item.title}}</span>
            <p>{{item.content}}</p>
        </div>
        <div class="returnList" @click="returnList()">返 &nbsp; 回</div>
    </div>
</template>

<script>
    import store from '@/store'
    export default {
        store,
        name: "Info",
        data () {
            return {
                current: '',
            }
        },
        computed: {
            pageLists () {
                return store.state.lists
            }
        },
        methods:{
            returnList () {
                this.$router.push('/home/list')
            }
        }
    }
</script>