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

【问题标题】：access object with dynamic variable vue.js使用动态变量 vue.js 访问对象
【发布时间】：2015-09-23 16:43:22
【问题描述】：

这是我的对象

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

我有一个从 Facebook 更新到 twitter 的动态变量 activeuser。我正在尝试做的是根据 activeuser 的值引用用户中的内部对象。我需要给我的 div 类似这个类的东西：

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

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

谢谢！

【问题讨论】：

标签： vue.js

【解决方案1】：

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

示例AJAX 检索：

$.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>

如果您有一个对象，其中包含一组对象，其中还包含属性，Vue 使得创建许多 HTML 元素（为每个子对象）变得非常简单，只需在所需的 HTML 并分配数据源：

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

【讨论】：