javascript - 我可以将 Vue 输出保存为 Javascript 数组吗?
问题描述
下面的 Vue 代码在页面加载时从数据库中加载数据。我知道如何使用简单的 Vue 方法在 HTML 文件中显示它。但是,我想将其保存为 Javascript 数组。然后将 Javascript 数组输入到地图中(地图需要 Javascript 数组)。我可以这样做吗?如果可以,怎么做?
var app = new Vue({
el: '#purchase',
mounted: function() {
this.allPurchases()
},
data: {
purchases: ""
},
methods: {
allPurchases: function(){
axios.get('http://localhost:3000/')
.then(function (response) {
console.log(response);
app.purchases = response.data;
})
.catch(function (error) {
console.log(error);
});
},
},
});
解决方案
您应该替换app.purchases
为this.purchases
:
var app = new Vue({
el: '#purchase',
mounted: function() {
this.allPurchases()
},
data() {
return{
purchases: []
}
},
methods: {
allPurchases: function(){
axios.get('http://localhost:3000/')
.then( (response) =>{
console.log(response);
this.purchases = response.data;
window.purchases = response.data;//to be used globally
})
.catch(function (error) {
console.log(error);
});
},
},
});
推荐阅读
- next.js - Apolllo 客户端状态预设缓存不适用于服务器端渲染
- c++ - 与 shared_ptr 相比,unique_ptr 有什么优势
- r - 重命名列表特定元素的函数
- javascript - 确定鼠标单击的 X 坐标
- dart - 如何拆分字符串并将每一行放入 Dart 的元素数组中?
- r - R:在列表中累积乘以df的行并从操作中返回一个列表
- javascript - 打字稿HTML显示
- jquery - Jquery Append On click 函数表
- android - Android Studio 没有写权限
- crystal-reports-xi - Crystal Reports:只显示我想要的值