将自定义属性添加到 vuejs 组件

Add custom property to vuejs component

本文关键字：vuejs 组件 添加 自定义属性      更新时间：2023-09-26

如何在 vue 组件中设置自定义属性？

var myComponent = Vue.extend({
    data: function() {
        return {
            item: {}
        }
    },
    created: function() {
        // This does not seem to work
        this.item.customProperty = 'customProperty';
    }
});

你可以使用 Vue.set 来添加反应性：

var myComponent = Vue.extend({
    data: function() {
        return {
            item: {}
        }
    },
    created: function() {
        Vue.set(this.item, 'customProperty', 'customProperty');
    }
});

似乎你应该使用 Object.assign：

var myComponent = Vue.extend({
    data: function() {
        return {
            item: {}
        }
    },
    created: function() {
        // This does not seem to work
        this.item = Object.assign(this.item, {customProperty:'customProperty'});
    }
});
相关文章：