春花儿 2017-09-06 02:02 采纳率: 0%
浏览 989
已结题

webpack+ vue tab数据传输问题

vue 请求一个 json 怎么把数据分开显示在tab切换中

 <template>
  <section class="wh-section wh-forum">
    <TabGroup>
      <li v-on:click="tab(index)">
        <span>待办</span>
        <em>{{ loadToReadNum() }}</em>
      </li>
      <li v-on:click="tab(index)">
        <span>待阅</span>
        <em>{{ loadToDoNum() }}</em>
      </li>
    </TabGroup>  
    <Search /> 
    <ul class="listitem">
      <li v-for="(item, index) in forumlist.items" >
        <div>
          <p>{{ item.title }}</p>
          <p><span>{{ item.times }}</span><em>{{ item.status }}</em><em>{{ item.em }}</em></p>
        </div>
      </li>
    </ul> 
  </section> 
</template>
<script>
  import {
    GET_FORUM_TODO
  } from '@/scripts/constant';

  import Search from "@/components/Search";
  import TabGroup from "@/components/TabGroup";
  import { mapState } from 'vuex';

  export default{
    computed: {
      ...mapState(['forumlist'])
    },
    created () {
      this.$store.dispatch(GET_FORUM_TODO);
    },
    methods: {
      loadToReadNum: function () {
        return this.$store.getters.toRead.length;
      },
      loadToDoNum: function () {
        return this.$store.getters.toDo.length;
      },
      tab: function (index) {
        this.selected = index; 
      }
    },
    components: { Search, TabGroup }
  };
</script>
  • 写回答

1条回答 默认 最新

  • devmiao 2017-09-06 15:48
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 关于#cesium#的问题:cesium 根据经纬度、高度、方位角、俯仰角和距离求另一点高度
  • ¥15 word脚注设置不起空格符号
  • ¥15 为什么apriori的运行时间会比fp growth的运行时间短呢
  • ¥15 求解密json或者美化
  • ¥15 帮我解决一下膳食平衡的线性规划模型的数据实例
  • ¥40 万年历缺少农历,需要和阳历同时显示
  • ¥250 雷电模拟器内存穿透、寻基址和特征码的教学
  • ¥200 比特币ord程序wallet_constructor.rs文件支持一次性铸造1000个代币,并将它们分配到40个UTXO上(每个UTXO上分配25个代币),并设置找零地址
  • ¥15 关于Java的学习问题
  • ¥15 如何使用chatgpt完成文本分类任务?