Use a custom id

A custom toastId can be used to replace the one generated. You can provide a number or a string.

import { toast } from 'vue3-toastify';

import 'vue3-toastify/dist/index.css';

const notify = () => {

toast("I use a custom id", {

toastId: "customId",

position: toast.POSITION.BOTTOM_CENTER,

});

};

const remove = () => {

toast.remove("customId");

};

</script>

<div>

<button @click="notify">Notify !</button>

<button @click="remove">Remove !</button>

</div>

</template>

Use a custom id ​