Shopware 6属性值绑定标签遇ReferenceError问题求助

问题根源 #

报错ReferenceError: option is not defined的核心问题：

• 你自定义的option是通过repository.search返回的实体集合（EntityCollection），并非单个属性选项对象，无法直接访问extensions.myTags。
• 原组件sw-property-option-detail本身已维护当前编辑的属性选项对象currentPropertyOption，无需重复定义option变量。
• 异步加载的option初始值为undefined，即便模板加了v-if="option"，仍可能因组件渲染时机问题触发报错。

修复步骤 #

1. 调整组件覆盖代码 #

移除自定义的option数据，复用原组件的currentPropertyOption，扩展查询条件确保关联标签加载：

Shopware.Component.override('sw-property-option-detail', {
    inject: [
        'repositoryFactory'
    ],

    template,

    data: function () {
        return {}
    },

    computed: {
        // 扩展原组件的查询条件，加载myTags关联
        propertyOptionCriteria() {
            const criteria = this.$super('propertyOptionCriteria');
            criteria.addAssociation('myTags');
            return criteria;
        },

        tagRepository() {
            return this.repositoryFactory.create('a7filter_property_group_option_tag');
        }
    }
});

2. 修改模板代码 #

直接绑定原组件的currentPropertyOption对象：

<sw-entity-tag-select
    v-if="currentPropertyOption"
    v-model="currentPropertyOption.extensions.myTags"
    :label="$tc('global.sw-tag-field.title')"
/>

额外注意事项 #

• 确保你的myTags在实体定义中已正确配置关联关系，否则currentPropertyOption.extensions.myTags无法被正确识别。
• sw-property-option-detail组件默认会管理当前编辑的属性选项，无需自行通过search方法全量查询仓库数据。

内容的提问来源于stack exchange，提问作者Stacker1427