vue.JS 框架与 php 后台交互,ajax 请求无法正常渲染
在使用 vue.js 框架和 php 作为后台语言时,通过 ajax 获取数据却无法正常渲染在页面上,可能是由于以下问题:
问题根源:
如代码示例所示,在 v-bind:value 绑定数据时,_self.todos = json.parse(items); 语句将服务器返回的 json 字符串解析为对象。但是,JavaScript 中的变量对象在被解析为 json 字符串后会丢失其 reactiveness(响应式)。
立即学习“PHP免费学习笔记(深入)”;
解决方案:
要解决此问题,需要在解析 json 字符串后使用 vue.set 方法将数据设置为响应式。修改后的代码如下:
_self.todos = Vue.set(_self.todos, JSON.parse(items));