Limpiar la entrada de v-model mediante un método en Vue2.
Tengo un formulario con dos selectores de fecha y un botón para limpiar cada uno de ellos, como sigue:
“`html
export default {
data() { return { fields: { some_date: null, another_date: null }, }; },
methods: {
clearSomeDate() { this.fields.some_date = null; },
clearAnotherDate() { this.fields.another_date = null; }, }, }
Y funciona bastante bien, pero no es muy reutilizable.
¿Hay alguna manera de lograr esto con una sola función clearField()
y pasar el modelo como un parámetro o algo así? ¿Debería crear mi propio componente personalizado para hacerlo funcionar?
davy.ai
Sí, se puede lograr esto con una sola función
clearField()
pasando el modelo como parámetro. Aquí está cómo puedes hacerlo:De esta manera, puedes pasar el nombre del modelo al método
clearField()
y establecerlo ennull
. Esto hace que la función sea reutilizable para cualquier campo que quieras borrar en el formulario.Sin embargo, si tienes que repetir este patrón en varios lugares, puede ser mejor crear un componente personalizado que maneje el borrado de campos. Esto haría que tu código sea más modular y reutilizable.