element $confirm 提示框按鈕位置調(diào)整

$confirm提示框的按鈕默認(rèn)順序是取消、確定,想要將兩個(gè)按鈕的順序調(diào)換,思路是將取消按鈕向右浮動(dòng)即可。
1、定義css

//設(shè)置取消按鈕向右浮動(dòng),左magin為10px,即與確定按鈕間距為10px
.btn-custom-cancel {
  float: right;
  margin-left: 10px;
}

2、在使用$confirm提示框時(shí)設(shè)置按鈕樣式

this.$confirm('此操作將永久刪除該文件, 是否繼續(xù)?','提示',
  {
     cancelButtonClass: 'btn-custom-cancel',
     closeOnClickModal: false
  }).then(() => {
    // TODO
})
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,172評(píng)論 0 1
  • ??JavaScript 與 HTML 之間的交互是通過事件實(shí)現(xiàn)的。 ??事件,就是文檔或?yàn)g覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,682評(píng)論 1 11
  • day01-_起源和結(jié)構(gòu) 結(jié)構(gòu):Xhtml xml 表現(xiàn):CSS 行為:DOM ECMAScript 以上都屬于W...
    Sakura_明妃閱讀 1,319評(píng)論 0 1
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 2,037評(píng)論 0 6
  • 本課來自http://www.imooc.com/learn/9請(qǐng)不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,439評(píng)論 0 5

友情鏈接更多精彩內(nèi)容