@caroundsky/el-dialog-service v0.0.13

el-dialog-service 弹窗服务

说明

此服务将 el-dialog 做二次封装，以服务的形式调用；

服务依赖于宿主项目的element-ui版本，"element-ui": "2.x", "vue": "2.x"。

• 安装

yarn add @caroundsky/el-dialog-service

• 使用

// 可将其挂载到vue原型下，方便全局调用
// main.js
import DialogService from '@caroundsky/el-dialog-service'

Vue.prototype.$dialogService = DialogService

// 挂载全局时需要获得类型提示，需要配置d.ts文件声明
// types/vue.d.ts
import DialogService from 'el-dialog-service'

declare module 'vue/types/vue' {
  interface Vue {
    $dialogService: typeof DialogService
  }
}

// xx.vue
this.$dialogService(
  {
    title: '标题',
    content: '内容',
    buttons: [
      {
        label: '取消',
        type: 'primary',
        onClick: ({ vm }) => {
          vm.hide()
        },
      },
    ],
  }
)

Props