目錄

?

?

axios.all中的注意事項(xiàng)

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

---

?

?

axios.all中的注意事項(xiàng)

如下的請(qǐng)求：

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中的變量，不然會(huì)報(bào)這樣的錯(cuò)誤！

vue cli Cannot read property 'xxxx' of null

所以得用一個(gè)JavaScript變量去接收，但是這個(gè)接收也有個(gè)坑，再下面將會(huì)說(shuō)明！

?

為什么要采用全局的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>

這里最好是在這個(gè)頁(yè)面的全局下寫(xiě)一個(gè)let tempArray = [];

如果在局部寫(xiě)，那么當(dāng)刷新得到的數(shù)據(jù)，將會(huì)閃爍

閃爍

閃爍

閃爍

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。