在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ element message box 確認(rèn)消息,怎么改變確定和取消的位置?

element message box 確認(rèn)消息,怎么改變確定和取消的位置?

如題,element message box 確定在右面,取消在左面,要怎么做才能讓確定在左面,取消在右面?
代碼:

<template>
  <el-button type="text" @click="open">點(diǎn)擊打開 Message Box</el-button>
</template>

<script>
  export default {
    methods: {
      open() {
        this.$alert('這是一段內(nèi)容', '標(biāo)題名稱', {
          confirmButtonText: '確定',
          callback: action => {
            this.$message({
              type: 'info',
              message: `action: ${ action }`
            });
          }
        });
      }
    }
  }
</script>

效果:

clipboard.png

我試過把確認(rèn)和取消的位置換了,再改style,但是確認(rèn)有一個(gè)額外的class可以顯示成藍(lán)色,取消沒有額外的class,沒有辦法改。。。

回答
編輯回答
萌面人

你好!可以通過cancelButtonClass設(shè)置自定義取消按鈕的類名,然后浮動(dòng)、設(shè)置邊距即可。
codepen示例

2018年5月31日 13:05
編輯回答
近義詞

如果只是要改這個(gè)頁面的這個(gè)框的話,我一般是直接下邊 style 里寫個(gè)樣式覆蓋掉 ...

我沒想到有什么其他的好方法,如果實(shí)在搞不定可以參考一下這個(gè)簡單粗暴的解決方式,雖然正常來講是不推薦的 ORZ

2017年9月7日 13:03
編輯回答
空白格

如果整個(gè)項(xiàng)目里面都需要改的話....可以嘗試一下修改源碼

2018年8月24日 11:45