Estoy trabajando en el proyecto usando eslint-plugin-vue y tengo componentes secundarios y principales. el componente secundario necesita pasar un valor a los componentes principales.
// parent export default { name: 'recordDetail', props: { 'record-id': { // however this will violate vue/prop-name-casing type: Number } } } <!-- child --> <recordDetail :record-id="123"> <!-- it will violate vue/attribute-hyphenation if this is recordId="123" --> </recordDetail>Por favor, dame consejos sobre cómo lidiarás con esto y cuál es la mejor práctica en Vue. Gracias.
Simplemente puede usar kebab-case en plantillas y camelCase en el lado JS.
<recordDetail :record-id="123" />corresponderá a
props: { recordId: { ... } }