封装element的dialog组件

 
<script>
 
export default {
  name: 'e-dialog',
  props: {
    visible:{
      type:Boolean,
      default:false,
    },
    width:{
      type:String,
      default:() => '50%',
    },
    appendToBody:{
      type:Boolean,
      default:false
    },
    showCancel:{
      type:Boolean,
      default:true
    },
    showSure:{
      type:Boolean,
      default:true
    },
    center:{
      type:Boolean,
      default:false
    },
    type:{
      type:String,
      default:''
    },
    dialogTitle:{
      type:String,
      default:''
    },
    customClass:{
      type:String,
      default:'card-dialog'
    },
    
    sureText:{
      type:String,
      default:'确 定'
    },
    cancelText:{
      type:String,
      default:'取 消'
    },
  },
  },
  methods: {
  /**
   * @description: 确定
   * @param {*}
   * @return {*}
   */   
  handleSure(){
    let _this = this;
    this.$emit('handleSure','')
  },
  },
}
script>
<style scoped lang="less">
  /deep/.el-button--primary{
    background-color:rgb(87, 95, 177);
    border-color: rgb(87, 95, 177);
  }
style>