Vue.js:为嵌套属性/属性提供自定义值

时间:2015-05-28 01:26:18

标签: javascript arrays vue.js

在我看来(HTML)我想表明:

<p>Age: {{ user.age }} years</p>

在我的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        
},

但它不会允许它。

注意:我从服务器获得user, solicitudes

1 个答案:

答案 0 :(得分:0)

计算属性是您用作属性的函数。

在您的情况下,我认为您可以像使用药物或条件一样使用年龄。比2路数据绑定更能解决这个问题。

data: {
    user       : user,
    alergies   : user.alergies,
    conditions : user.conditions,
    drugs      : user.drugs,
    age        : user.age,
    solicitudes: solicitudes,
}

根据你的评论,也许你可以使用这个:

compiled: {
    user[age] = theAgeOfTheUser
}

该方法将在用户对象上创建一个新属性。然后你可以像任何其他值一样进行修改。