使用动态变量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>