c 购物网站开发流程图,网页建设网站代码,做做同城网站好还是做垂直网站好,php旅游网站论文最近在研究axios聊天室室遇到一个问题 将axios获取到的数据传递给data#xff0c;从而改变页面中的数值#xff0c;但是结果令人失望
这是data里的数据 原想将data中的items数组换成axios里的response.data#xff0c;后来发现items一直为空#xff0c;就拿字符串做实验了…最近在研究axios聊天室室遇到一个问题 将axios获取到的数据传递给data从而改变页面中的数值但是结果令人失望
这是data里的数据 原想将data中的items数组换成axios里的response.data后来发现items一直为空就拿字符串做实验了里面放的123 而在axios中 将items改成kkk
结局是 在网页中渲染的数据还是1232 根本无法改变data中的数据。
而通过另一方面试验直接在methods中添加函数比如
ccc:function(){this.items kkkk;}这样做却是可以改变数据。 我想的是axios是一个函数内部函数是无法改变外部的值的。 但是我又不能把axios放到mounted中这样我就不能通过 setInterval(“app.aaa()”, 1000); 来实现轮询聊天了所以必须找个办法把值传出去
结局
终于知道这个是缓存问题浏览器只认第一个必须采取一种手段欺骗浏览器 或者在reciever.php后面加一个ttime一直在变化的时间 但我试了还是不行
附一段代码 index.html
!DOCTYPE html
html langenheadtitle/titlemeta charsetUTF-8/headbodydiv idappbutton clickfn1111/button{{msg}}/divscript srchttps://cdn.jsdelivr.net/npm/vue/dist/vue.js/scriptscript srchttps://unpkg.com/axios/dist/axios.min.js/scriptscriptlet vm new Vue({el: #app,data:{msg:},methods:{fn(){axios.get(data.json).then(res{console.log(res);this.msgres.data.data})}}})// axios.get(./data.json)// .then(res{// console.log(res.data.data)// })// .catch(err{// console.log(err)// })// axios({// url:./data.json,// method:get// }).then(res{// console.log(res)// }).catch(err{// console.log(err)// })/script/body
/html
data.json
{meta: {msg: 提示信息,status: 200},data: [{id: 1, title: test1},{id: 2, title: test2},{id: 3, title: test3},{id: 4, title: test4}]
}点击还是可以调用的
