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

使用动态变量vue.js访问对象,vue.js,Vue.js,这是我的目标 var users ={ twitter : { name : //, lastname : // }, facebook : { name : //, lastname : // } } } 我有一个动态变量activeuser,可以从Facebook更新到twitter。 我试图做的是根据activeuser的值引用用户中的内部对象。我需要给我的div上类似这样的课: <div class=' {{users.ac

这是我的目标

var users ={
  twitter : {
     name : //,
     lastname : //
  },
  facebook : {
     name : //,
     lastname : //
  }
}
}
我有一个动态变量activeuser,可以从Facebook更新到twitter。 我试图做的是根据activeuser的值引用用户中的内部对象。我需要给我的div上类似这样的课:

<div class=' {{users.activeuser}}'></div>

我知道vue.js不应该这样做。你有什么建议吗


谢谢大家!

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

检索示例:

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

});
泛型可能如下所示:

var MyVue = new Vue({
el:'#exampleDiv',
data: {
           dynamicObject : ''
      }
});
绑定到示例HTML元素:

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