element 의$confirm 사용

2255 단어 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(() => { })

엘 리 먼 트 의$confirm 사용 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 엘 리 먼 트$confirm 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 도 많은 응원 부 탁 드 리 겠 습 니 다!

좋은 웹페이지 즐겨찾기