Javascript Vue.js:为嵌套属性/属性指定自定义值
在我的视图(HTML)中,我想显示以下内容:Javascript Vue.js:为嵌套属性/属性指定自定义值,javascript,arrays,vue.js,Javascript,Arrays,Vue.js,在我的视图(HTML)中,我想显示以下内容: 年龄:{{user.Age}}年 在我的javascript中,我有: new Vue({ el: '#userApp', data: { user : user, alergies : user.alergies, conditions : user.conditions, drugs : user.drugs, solic
年龄:{{user.Age}}年
在我的javascript中,我有:
new Vue({
el: '#userApp',
data: {
user : user,
alergies : user.alergies,
conditions : user.conditions,
drugs : user.drugs,
solicitudes: solicitudes,
},
computed: {
},
filters: {
active: function(elements) {
return elements.filter(function(element){
return ! element.fecha_fin;
});
}
},
methods: {
}
});
如何修改计算属性中的年龄?我试过这么做
computed: {
user.age: 10
},
但这是不允许的
注意:我正在从服务器获取
用户请求。计算属性是用作属性的函数
在你们的情况下,我认为你们可以像对待药物或疾病一样使用年龄。而双向数据绑定可以解决这个问题
data: {
user : user,
alergies : user.alergies,
conditions : user.conditions,
drugs : user.drugs,
age : user.age,
solicitudes: solicitudes,
}
根据您下面的评论,也许您可以使用:
compiled: {
user[age] = theAgeOfTheUser
}
该方法将在用户对象上创建一个新属性。然后,您可以像修改任何其他值一样进行修改。这就是我最终要做的,但不是我想要的。我想将年龄作为user的属性访问,因此使用user.age
.Ok。我想你可以使用:compiled:{user[age]=age;}我试过了,但是不起作用,我认为只是javascript的结构不允许它发生。顺便说一句,错误是:uncaughtsyntaxerror:Unexpected-token[