博主遇到一个挑战，在尝试使用Vue.js从AJAX请求填充数据时遇到问题。当直接从ViewModel编码填充Vue实例时一切正常，但通过AJAX从后台获取数据时，Vue实例无法正确接收数据。代码中显示AJAX请求的URL正确，且数据在success回调中可用，但无法将这些数据赋值给Vue实例的data属性。问题可能出在数据绑定或者Vue实例的初始化上。
我正在尝试用来自JsonResultAJAX查询的数据填充Vue .当我从View Model中编码时,我的Vue接收数据就好了,但是当我尝试使用AJAX检索它时却没有.这是我的代码的样子:
var allItems;// = @Html.Raw(Json.Encode(Model));
$.ajax({
url: '@Url.Action("GetItems", "Settings")',
method: 'GET',
success: function (data) {
allItems = data;
//alert(JSON.stringify(data));
},
error: function (error) {
alert(JSON.stringify(error));
}
});
var ItemsVue = new Vue({
el: '#Itemlist',
data: {
Items: allItems
},
methods: {
},
ready: function () {
}
});
| Item | Year | |
|---|---|---|
| {{Item.DisplayName}} | {{Item.Year}} |
这与所有适当的包括.我知道@Url.Action("GetItems", "Settings")返回正确的URL并且数据按预期返回(由成功函数中的警报测试(请参阅AJAX中的成功函数中的注释).如此填充它:var allItems = @Html.Raw(Json.Encode(Model));有效,但AJAX查询没有.我是做错了什么？
1291
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
