bootstrap-vue-wrapper
Version:
Bootstrap 5 components in Vue3 wrapper.
35 lines (34 loc) • 712 B
JavaScript
import { Toast as e } from "bootstrap";
import { defineComponent as s } from "vue";
const i = s({
name: "BsToast",
emits: ["shown", "hidden"],
mounted() {
const t = this.$refs.toastRef;
e.getOrCreateInstance(t).show(), t.addEventListener("shown.bs.toast", this.onShown), t.addEventListener("hidden.bs.toast", this.onHidden);
},
methods: {
/**
* Trigger toast hide event.
*/
hide() {
const t = this.$refs.toastRef;
e.getOrCreateInstance(t).hide();
},
/**
* Hidden event.
*/
onShown() {
this.$emit("shown");
},
/**
* Hidden event.
*/
onHidden() {
this.$emit("hidden");
}
}
});
export {
i as default
};