jquery-confirm小彈窗插件的簡單使用

這裏只是簡單的說說如何在vue中使用,想看更多的可以移步此插件官網,很詳細http://craftpip.github.io/jquery-confirm/

安裝和全局引用就不多說了,很簡單npm,import就好了

需要注意的是,要引入css文件,否則樣式不會被加載進來

<template>
  <div class="">

      <button type="button" class="buy_bt" @click="buy_submit">確認購買</button>

  </div>
</template>

methods:{

    buy_submit(){
      $.alert({
        title: '提示:',
        content: '<p>您已購買'+' '+this.shuzi_inp+' 個拍品</p>'+'<p>總計:'+this.xiaoji+'</p>',
        buttons: {
              '確認': function () {
                  window.location.href="/index"
              },
          }
      });
    },

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章