Shopware 6 sw-number-field：如何设置id？

Question

如何在自定义插件中设置sw-number-field.id ？

默认情况下， sw-number-field.id的配置是设计违规。

这可以在产品详细信息页面上的价格字段中观察到：

// sw-number-field.html.twig

<template #sw-field-input="{ identification, error, disabled, size, setFocusClass, removeFocusClass }">
    <!-- eslint-disable-next-line vuejs-accessibility/form-control-has-label -->
        <input
            :id="identification"

identification来自哪里，或者应该在哪里设置？

Answer 1

您可以使用name属性，它也将替换自动生成的id 。

<sw-number-field name="foobar" />
<!-- becomes -->
<input id="foobar" name="foobar" type="text" placeholder="" autocomplete="off">

默认设置在src/app/component/form/field-base/sw-base-field/index.js

data() {
    return {
        id: utils.createId(),
    };
},

computed: {
    identification() {
        if (this.name) {
            return this.name;
        }

        return `sw-field--${this.id}`;
    },

    //...
}