.vue 单文件组件，fetch异步怎么更新视图数据？
.vue 单文件代码 例如
<template>
<div class="content nsr-card-bg">
<div class="nsr-card" v-for="res in result">
<img v-bind:src="res.img" alt="">
<p>{{res.content}}</p>
<div class="nsr-card-user-info">
<p>
<img v-bind:src="res.avatar" alt="">
<span>from</span>{{res.nickname}}
</p>
<p class="fa fa-map-marker">{{res.address}}</p>
</div>
</div>
</div>
</template>
<script>
var data = [];
fetch('/server.php')
.then(function(response) {
return response.json()
}).then(function(json) {
data = json;
console.log(json);
}).catch(function(ex) {
console.log(ex);
});
module.exports={
data:function () {
return {
result : data
}
}
}
</script>
谢谢
展开
收起
1
条回答
写回答
写回答
-
IT从业<script> module.exports= { data:function () { return { result: [] }; }, ready() { var self = this; fetch('/server.php') .then(function(response) { return response.json() }).then(function(json) { self.result = json; }).catch(function(ex) { console.log(ex.stack); }); } } </script>2019-07-17 19:45:38赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
