Saludos a todos y perdonen a mi novato porque solo soy un mero principiante.

Estoy tratando de agregar íconos de éxito a mi página web usando bootstrap o algo similar, pero no estoy seguro de cómo incluir la declaración if que se mostrará a continuación.

Si se pudiera ahorrar algún consejo, sería muy apreciado.

Aquí está mi plantilla "AddEntry.vue".

 <template> <div class="container"> <RmaForm v-model="rmaEntry" /> <ActionButton @click="submitItem()" position="1" classes="fas fa-paper-plane" /> </div> {{#if alert}} <div class="alert alert-success alert-dismissible fade show" role="alert"> <strong>Success!</strong> Data Added to RMA Log. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> </div> {{/if}} </template>

Aquí está mi index.js crear línea de entrada

 // eslint-disable-next-line async createRmaEntry({ state }, payload) { return new Promise((resolve, reject) => { axios({ method: "post", url: prefix + "/api/rma", data: { rmaEntry: payload, }, headers: { "Content-Type": "application/json" }, }) .then(function (response) { //handle success console.log(response); resolve(response.data); }) .catch(function (response) { //handle error console.log(response); reject(); }); }); },