给一个嵌套的属性/属性一个自定义值

Vue.js: Give a nested property/attribute a custom value

本文关键字：属性 一个 自定义 嵌套      更新时间：2023-09-26

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

计算属性是作为属性使用的函数。

在你的情况下，我认为你可以用年龄，就像你用药物或条件一样。

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

根据你下面的评论，也许你可以这样写:

compiled: {
    user[age] = theAgeOfTheUser
}

该方法将在user对象上创建一个新属性。

相关文章：