Javascript 淡出-使用刺激从DOM中删除元素

我现在有一个简单的JS控制器，它从DOM中删除一个元素

import { Controller } from "stimulus"
export default class extends Controller {
  static targets = [ "element" ]
    close () {
        this.elementTarget.remove()
    }
}

---

有没有办法在移除前将元素淡出？

我有一些东西可以用来处理尾风。我会保留这个直到我找到一个更普遍的解决方案

import { Controller } from "stimulus"
export default class extends Controller {
  static targets = [ "element" ]
    close () {
        this.element.classList.add('transform', 'opacity-0', 'transition', 'duration-1000');
        setTimeout(() => this.elementTarget.remove(), 1000)
    }
}

---

我有一些东西可以和顺风一起工作。我会保留这个直到我找到一个更普遍的解决方案

import { Controller } from "stimulus"
export default class extends Controller {
  static targets = [ "element" ]
    close () {
        this.element.classList.add('transform', 'opacity-0', 'transition', 'duration-1000');
        setTimeout(() => this.elementTarget.remove(), 1000)
    }
}