Quiero eliminar la clase css de un elemento cuando se llama a un método. pero quiero hacer esto usando $refs.
modelo:
<div class="modal" ref="myModal"></div>método:
closeDropdown: function() { this.$refs.myModal.$el.removeClass("open"); }this.$refs.myModal.classList.remove("open");
Dos pasos:
const modalElement = this.$refs.myModal; // reference to the DOM elementmodalElement.classList.toggle("custom"); // use classList API of DOM element Referencia de API classList : https://developer.mozilla.org/en-US/docs/Web/API/Element/classList , puede usar esta API para modificar sus clases usando add(), remove(), replace() y alternar() métodos.
También puede consultar este ejemplo de CodeSandbox Vuejs: https://codesandbox.io/s/nervous-wood-s3nhq?file=/src/App.vue:269-481