目錄

?

?

axios.all中的注意事項

為什么要采用全局的JavaScript變量給vue變量

---

?

?

axios.all中的注意事項

如下的請求：

methods:{getData(){axios.all([axios.post('/xxxxxxxxxx', qs.stringify({"xxxxxxxxxx": "xxxxxxxxxx","xxxxxxxxxx": "xxxxxxxxxx"})),axios.post('/xxxxxxxxxx', qs.stringify({"xxxxxxxxxx": "xxxxxxxxxx","xxxxxxxxxx": "xxxxxxxxxx"})),axios.post('/xxxxxxxxxx', qs.stringify({"xxxxxxxxxx": "xxxxxxxxxx","xxxxxxxxxx": "xxxxxxxxxx"})),axios.post('/xxxxxxxxxx', qs.stringify({"xxxxxxxxxx": "xxxxxxxxxx","xxxxxxxxxx": "xxxxxxxxxx"})),axios.post('/xxxxxxxxxx', qs.stringify({"xxxxxxxxxx": "xxxxxxxxxx","xxxxxxxxxx": "xxxxxxxxxx"})),axios.post('/xxxxxxxxxx', qs.stringify({"xxxxxxxxxx": "xxxxxxxxxx","xxxxxxxxxx": "xxxxxxxxxx"})),axios.post('/xxxxxxxxxx', qs.stringify({"xxxxxxxxxx": "xxxxxxxxxx","xxxxxxxxxx": "xxxxxxxxxx"})),axios.post('/xxxxxxxxxx', qs.stringify({"xxxxxxxxxx": "xxxxxxxxxx","xxxxxxxxxx": "xxxxxxxxxx"})) ]).then(axios.spread(function (v1, v2, v3, v4, v5, v6, v7, v8){tempArray.length = 0;tempArray.push(v1.xxxxxxxxxx);tempArray.push(v2.xxxxxxxxxx);............}))this.xxxxx= tempArray;}

這里要注意的地方！在then后不能采用this.vue中的變量，不然會報這樣的錯誤！

vue cli Cannot read property 'xxxx' of null

所以得用一個JavaScript變量去接收，但是這個接收也有個坑，再下面將會說明！

?

為什么要采用全局的JavaScript變量給vue變量

代碼和上面的一樣！增加如下的聲明：

<script>import axios from 'axios'import qs from 'Qs'let tempArray = [];export default {components:{..........},data(){return{dynamicListVue: []}},created() {this.getData();},mounted(){this.getData();this.timer = setInterval(this.getData, 5000)},methods:{getData(){....}},beforeDestroy() {clearInterval(this.timer)}} </script>

這里最好是在這個頁面的全局下寫一個let tempArray = [];

如果在局部寫，那么當刷新得到的數據，將會閃爍

閃爍

閃爍

閃爍

總結

以上是生活随笔為你收集整理的前端笔记-Vue cli中使用axios后JavaScript变量传输给vue变量要注意的地方的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。