我想在呼叫方法時洗掉元素的 css 類。但我想使用 $refs 來做到這一點。
模板:
<div class="modal" ref="myModal"></div>
方法:
closeDropdown: function() {
this.$refs.myModal.$el.removeClass("open");
}
uj5u.com熱心網友回復:
this.$refs.myModal.classList.remove("open");
uj5u.com熱心網友回復:
兩步:
const modalElement = this.$refs.myModal; // reference to the DOM elementmodalElement.classList.toggle("custom"); // use classList API of DOM element
classListAPI 參考:https : //developer.mozilla.org/en-US/docs/Web/API/Element/classList,您可以使用此 API 使用 add()、remove()、replace() 修改其類,和 toggle() 方法。
你也可以參考這個 CodeSandbox Vuejs 例子:https ://codesandbox.io/s/nervous-wood-s3nhq?file =/ src/App.vue:269-481
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/375085.html
下一篇:洗掉并覆寫csspopover
