例如一个请求过来，turbo_stream 来 render 了，就是执行了 turbo_stream 里的内容。现在想执行一段 js，比如过 3 秒关闭一个 div。在这个 turbo_stream 的思路下应该怎么实现这个效果呢？挺困惑的，是不是这种场景不该去使用 turbo_stream？
使用 stimulus 配合。
<turbo-stream action="append" target="messages">
<template>
<div id="message_1" data-controller="auto-hide" ><%= flash[:notice] %></div>
</template>
</turbo-stream>
然后 stimulus:
import { Controller } from "@hotwired/stimulus";
export default class extends Controller {
// Search used: data-controller="auto-hide"
// Search used: data-auto-hide-delay-value=
static values = {
delay: { type: Number, default: 10000 },
}
connect() {
setTimeout(() => {
this.element.classList.add("animate__fadeOut");
setTimeout(() => {
this.element.remove();
}, this.delayValue);
}, 2500);
}
}
