Question

在我看来（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。

Answer 1

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

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

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

根据你的评论，也许你可以使用这个：

compiled: {
    user[age] = theAgeOfTheUser
}

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

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

1 个答案: