亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

Bootstrap-vue 如何在方法的末尾顯示警報和解雇？

Bootstrap-vue 如何在方法的末尾顯示警報和解雇？

子衿沉夜 2023-08-18 16:26:09
大家好，為什么要在我的方法開始時顯示 bootstrap-vue 警報，并在方法結束時關閉警報。如果你受傷的話我用javascript。我嘗試這樣做：<b-alert :v-if="dismissCountDown"            dismissible            :variant= alertVariant            @dismissed="dismissCountDown=0"            @dismiss-count-down="countDownChanged">     {{alertMessage}}   </b-alert>在我的數據中我有變量 showAlert: false,我想在 showAlert 設置為 true 時顯示警報如果你知道什么，請告訴我
查看完整描述

1 回答

?
catspeake

TA貢獻1111條經驗 獲得超0個贊

使用v-model而不是v-if. 這是一個延遲 2 秒的簡單示例：


new Vue({

  el: "#app",

  data() {

    return {

      showAlert: false,

      alertMessage: 'This is the alert message'

    }

  },

  methods: {

    delayedAlert() {

      this.showAlert = true;

      setTimeout(() => {

        this.showAlert = false;

      }, 2000);

    }

  }

});

<div id="app">

  <button @click="delayedAlert">Show alert for 2s</button>

  <b-alert v-model="showAlert">

    {{alertMessage}}

  </b-alert>

</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-vue/2.19.0/bootstrap-vue.min.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css" rel="stylesheet" />

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-vue/2.19.0/bootstrap-vue.min.css" rel="stylesheet" />


查看完整回答
反對 回復 2023-08-18
  • 1 回答
  • 0 關注
  • 131 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號