elementの中の$confirmの使用

このようなパッケージができます。

/*
 *      
 * @export
 * @param {string}[desc="    "]      
 * @param {string}[title="  "]    
 * @param{string}[confirmButtonName ='  ']      
 * @param {string}[cancelButtonName="  "]       
 * @param{boolean}[distinguishCancelAndClose = false]             
 *@return
 *
 */
export function confirm (desc = '    ', title = '  ', confirmButtonName = '  ', cancelButtonName = '  ', distinguishCancelAndClose = false) {
 return this.$confirm(desc, title, {
  confirmButtonName: confirmButtonName,
  cancelButtonName: cancelButtonName,
  distinguishCancelAndClose: distinguishCancelAndClose,
  closeOnClickModel: false,
  type: 'warning',
  center: true
 })
}

xxx//vue
submitSome(){
  try(){
    async utils.confirm.call(this,"      ")
    const formData = {
      'id':this.id
    }
    let res = await this.$post('/sss',formData)
    if(res.code===1){
     //do something
    }
  }catch(e){
   console.log(e)
   //              
   if(e==='close'){
    //do something
   }else if(e==='cancel'){
    //do something
   }
  }
}

this.$confirm判定ボックスの内容を改行して表示します。

//                    confirmText 
const confirmText = ['       ？', '  ：       。'] 
const newDatas = [] 
const h = this.$createElement 
for (const i in confirmText) { 
   newDatas.push(h('p', null, confirmText[i])) 
} 
 this.$confirm( 
   '  ', 
   { 
     title: '  ', 
     message: h('div', null, newDatas), 
     showCancelButton: true, 
     confirmButtonText: '  ', 
     cancelButtonText: '  ', 
     type: 'warning' 
   } ).then(() => { })

ここでelementの中の$confirmの使用に関する記事を紹介します。もっと関連するelement$confirmの内容は以前の文章を検索してください。または下記の関連記事を引き続きご覧ください。これからもよろしくお願いします。