Tengo una página con diferentes categorías y para cada categoría, puedo agregar una subcategoría alternando un campo de entrada y agregando texto. Si alterno el campo de entrada para dos o más categorías y hago clic en uno de los campos de entrada y empiezo a agregar texto, el texto que ingreso se muestra en todos los campos de entrada alternados. ¿Cómo puedo limitar para que lo que ingreso como texto se limite a la categoría en la que estoy escribiendo?
Ejemplo:
h5 Topics button.btn.btn-outline-primary.px-5(@click='toggleAdd('addTopics',ref='addTopics') Add #addTopics.collapse input.form-control(type='text', aria-label='Add Topic', v-model='fieldValue', @blur='addInformation("addTopics")', v-on:keyup.enter='$event.target.blur()', ref='topic') h5 News button.btn.btn-outline-primary.px-5(@click='toggleAdd('addNews',ref='addNews') Add #addNews.collapse input.form-control(type='text', aria-label='Add News', v-model='fieldValue', @blur='addInformation("addNews")', v-on:keyup.enter='$event.target.blur()', ref='news') h5 Stories button.btn.btn-outline-primary.px-5(@click='toggleAdd('addStories',ref='addStories') Add #addStories.collapse input.form-control(type='text', aria-label='Add Stories', v-model='fieldValue', @blur='addInformation("addStories")', v-on:keyup.enter='$event.target.blur()', ref='stories')Si cambié las tres entradas y luego hice clic en la entrada de temas y comencé a escribir... el texto que estoy ingresando también aparece en los otros dos campos de entrada. Sé que probablemente sea porque tengo el mismo modelo v para todos, pero eso es algo intencional. ¿Es posible restringir la entrada de texto a un campo de entrada por la identificación de entrada?