第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

Vue JS-無(wú)法使用來(lái)自 Vuex 的數(shù)據(jù)更新 html 表

Vue JS-無(wú)法使用來(lái)自 Vuex 的數(shù)據(jù)更新 html 表

我對(duì) vue.js 比較陌生,尤其是 nuxt。我有一個(gè)小功能可以從后端獲取數(shù)據(jù)并更新表格。我不確定如何調(diào)試這個(gè)任務(wù),因?yàn)槲以趻燧d的鉤子中調(diào)用它,當(dāng)我加載頁(yè)面時(shí),我可以在 vuex 選項(xiàng)卡中看到數(shù)據(jù)。payload:Objectcount:2next:nullprevious:nullresults:Array[2]0:Object1:Objectcreated_at:"2020-09-14T12:00:00Z"event_name:"wrw"id:2market_name:"wrwr"market_type:"wrwr"odds:242 runner_name:"wrwr"side:"wrwrw"stake:424由于某種原因,我無(wú)法填充表格。 我可以看到頁(yè)面加載后每三秒調(diào)用一次函數(shù)pollData() 。我不確定為什么我看不到表中的數(shù)據(jù)。如何使用 vuex 數(shù)據(jù)更新表?    <template>          <div id="app">    <h1>Orders</h1>      <table>          <thead class="thead-dark">                        <tr>                            <th>Time Stamp</th>                            <th>Event Name</th>                            <th>Market Name</th>                            <th>Market Type</th>                            <th>Runner Name</th>                            <th>Side</th>                            <th>Odds</th>                            <th>Stake</th>        </tr>          </thead>            <tbody>                <tr v-for="o in polling" :key="o.id">                <td>{{o.created_at}}</td>                            <td>{{o.event_name}}</td>                            <td>{{o.market_name}}</td>                            <td>{{o.market_type}}</td>                            <td>{{o.runner_name}}</td>                            <td>{{o.side}}</td>                            <td>{{o.odds}}</td>                            <td>{{o.stake}}</td>        </tr>          </tbody>      </table>    </div>    </template>    <script>        import axios from "axios";      import { mapMutations } from 'vuex'          export default {          data () {        return {            polling: null        }    },    methods: {        pollData () {            this.polling = setInterval(() => {          this.$store.dispatch('getOrders')        }, 3000)        }    },    beforeDestroy () {        clearInterval(this.polling)    },    mounted () {        this.pollData()    }    }     </script>
查看完整描述

1 回答

?
婷婷同學(xué)_

TA貢獻(xiàn)1844條經(jīng)驗(yàn) 獲得超8個(gè)贊

您沒(méi)有從您的商店獲取投票數(shù)據(jù)。


<script>

import { mapState } from "vuex";

export default {

  

  // remove polling from data object and

  

  computed: {

    ...mapState({

      polling: (state) => state.polling.polling, // Give the correct path.

    })

  },

  created() {

    this.pollData();

  }

}

</script>

如果我是你,我會(huì)在創(chuàng)建的鉤子中調(diào)用 this.pollData() 。


查看完整回答
反對(duì) 回復(fù) 2023-04-27
  • 1 回答
  • 0 關(guān)注
  • 138 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)