Hello! 欢迎来到小浪资源网!



Vue.js和PHP交互:Ajax请求数据无法渲染,如何解决?


Vue.js和PHP交互:Ajax请求数据无法渲染,如何解决?

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));

相关阅读