Question

我在这里有这个代码

(function(Vue,Helper){
var Funds = new Vue({
    el: "#regularFunds",
    data: {
        dynamic data here
        ---example output--
        site: "",
        code: ""
    }
});

那么你如何将对象数据（来自数据库）放在那里？

object = {data1，data2，data3}

我怎么想把这些数据放在这样的数据中：data：{data1：“”，data2：“”，data3：“”}

Answer 1

您无法在初始对象中加载数据。你已经获得了mount方法并在initial（define属性）

中分配数据

data: {
    // variable
   dynamicData:[]
}
mounted:function() {
    this.loadData()
},
methods:{
    loadData() {
     // you can load data from here and assign response in to variable
        this.dynamicData = response
    }
}

示例https://laracasts.com/discuss/channels/vue/vuejs-dynamic-data

Answer 2

假设您有这个，要在vue声明中放入任何结构，您可能要使用spread运算符：

window.anyvar = {site: "string",code: "other string"}

(function(Vue,Helper){
var Funds = new Vue({
    el: "#regularFunds",
    data: {...window.anyvar}
});

这将为您提供该vue数据内的anyvar的对象结构。

一个有效的例子 https://codepen.io/Teobis/pen/MXrNpV?editors=0012

希望这会有所帮助

Answer 3

我用这个解决了它：

mounted: {
    response = {data1: "sample1", data2: "sample2", data3: "sample3"};
    Object.assign(this, response);
}

我非常感谢您的想法。

是否可以在数据中执行动态变量：{}在vuejs中？

3 个答案: