Question

我对vue.js相对较新，尤其是nuxt。我有一个小功能，可以从后端获取数据并更新表。我不确定如何调试此任务，因为我在挂接的钩子中调用它，并且在加载页面时可以在vuex选项卡中看到数据。

     Node COMMODITY_CODE  ...  delivery_ratio_filled  case_ratio_filled
0  7014.0           SCFZ  ...               0.354839           0.357854
1  7014.0           SCFZ  ...               0.423077           0.457945
2  7014.0           SCFZ  ...               0.258621           0.283379
3  7030.0           SCDD  ...               0.300000           0.316505
4  7030.0           SCDD  ...               0.232558           0.236513

由于某种原因，我无法填充表格。我可以看到页面加载后每三秒钟调用一次 pollData（）函数。我不确定为什么我看不到表格中的数据。

如何使用vuex数据更新表？

payload:Object
count:2
next:null
previous:null
results:Array[2]
0:Object
1:Object
created_at:"2020-09-14T12:00:00Z"
event_name:"wrw"
id:2
market_name:"wrwr"
market_type:"wrwr"
odds:242 
runner_name:"wrwr"
side:"wrwrw"
stake:424

Answer 1

您没有从商店中获取轮询数据。

<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>

如果我是我，我会在创建的挂钩中调用this.pollData（）。

Vue JS-无法使用Vuex中的数据更新html表

1 个答案: