使用动态变量vue.js访问对象

时间:2015-07-06 13:45:00

标签: vue.js

这是我的对象

sev=read.csv("X7UPM.csv")
se=ts(sev,start=c(2008, 1), end=c(2015,1), frequency=12)
se
se=se[,1]
S=decompose(se)
plot(se,col=c("blue"))
plot(decompose(se))
S.decom=decompose(se,type="mult")
plot(S.decom)
trend=S.decom$trend
trend
seasonal=S.decom$seasonal
seasonal
ts.plot(cbind(trend,trend*seasonal),lty=1:2)
plot(stl(se,"periodic"))

我有一个动态变量activeuser,可以从Facebook更新到twitter。 我想要做的是根据activeuser的值来引用用户的内部对象。我需要给我的div类似这个类:

var users ={
  twitter : {
     name : //,
     lastname : //
  },
  facebook : {
     name : //,
     lastname : //
  }
}
}

我知道这不是应该如何用vue.js完成的。你有什么建议吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

使用Vue设置器加载新对象时,您应该能够将动态变量分配给Vue模型$set('property name', 'value')

示例AJAX retreival:

$.getJSON('myURL.html?query=xxx', function(data, textStatus, jqXHR){
    try{
        MyVue.$set('dynamicObject', data);
    }
    catch(e){}

});

通用Vue可能如下所示:

var MyVue = new Vue({
el:'#exampleDiv',
data: {
           dynamicObject : ''
      }
});

绑定到示例HTML元素:

<div id="exampleDiv">
    <label class="{{dynamicObject.activeuser}}">{{dynamicObject.username}}</label>
</div>

如果您的对象包含一个也包含属性的对象数组,则通过简单地添加v-repeatexample,可以非常简单地创建许多HTML元素(对于每个子对象) })到所需的HTML并分配数据源:

<div id="exampleDiv">
    <label v-repeat="dynamicObject" class="{{dynamicObject.activeuser}}"></label>
</div>