<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()">返? ?回</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>
2019-04-06
這里的道理很簡單，因為你在Info頁面沒有告訴它要顯示第幾個啊。
你的LoadMore方法只是把路由跳轉了，并沒有傳參數啊，小伙伴。
你要告訴Info頁面，我現(xiàn)在點的第幾個，你幫我展示一下下。
2019-04-29
解決了嗎。 我ifon組件顯示的是全部額
2019-04-07
謝謝老師，是這樣？
lookMore () {
store.state.current = this.current
this.$router.push('/info');}