从vue访问格式为json的axios数据
我需要显示来自get请求的json响应的数据。我的代码中的Vue部分是:从vue访问格式为json的axios数据,json,vue.js,flask,axios,response,Json,Vue.js,Flask,Axios,Response,我需要显示来自get请求的json响应的数据。我的代码中的Vue部分是: <script type="text/javascript"> var vm = new Vue({ el: '#app2', delimiters: ['[[',']]'], data: { masa_data: {}, }, mounted: function() { polling1=setIn
<script type="text/javascript">
var vm = new Vue({
el: '#app2',
delimiters: ['[[',']]'],
data: {
masa_data: {},
},
mounted: function() {
polling1=setInterval(function() {
axios.get('/order')
.then(function(response) {
vm.$data.masa_data = response.data;
})
}, 1000);
},
beforeDestroy () {
clearInterval(this.polling1)
}
});
</script>
var vm=新的Vue({
el:'附录2',
分隔符:['[',']]'],
数据:{
masa_数据:{},
},
挂载:函数(){
polling1=setInterval(函数(){
axios.get(“/order”)
.然后(功能(响应){
vm.$data.masa_data=response.data;
})
}, 1000);
},
在销毁之前(){
clearInterval(this.polling1)
}
});
masa_数据来自axios,如下所示:
{“Bahçe1”:{“A”:{“1”:{“kisi_sayisi”:“2”,“siparisler”:[{
“adet”:2,“bolum”:“drink”,“satir”:“Aıkïay”},{“adet”:1,
“bolum”:“tatli”,“satir”:“KaymaklıEkmek Kadayıfı”}
例如,当我想显示“kisi_sayisi”的值时,我不知道在下面的html代码中放什么:
<p class="card-text">[[masa_data]]</p>
[[masa_数据]]
试试这个
<p class="card-text" v-if="Object.values(masa_data).length>0">[[masa_data.Bahce1.A['1']['kisi_sayisi'] ]]</p>
[[masa_data.Bahce1.A['1']['kisi_sayisi']]
你可以直接使用['key_name']对吧?比如说masa_数据['Bahçe1']['A']['1']['kisi_sayisi']通常是的。我试过了。但是视图没有显示出来。可能是因为[[..]]大括号?如果数据不存在,也有可能尝试V-if masa_数据['Bahçe1']['A']['1']['kisi_sayisi']