vue 组件全局封装_vue封装js全局调用弹窗组件

目录结构

popup/index.vue

{ {title}}

{ {content}}

{ {cancelText}}

{ {confirmText}}

export default {

name: 'index',

data () {

return {

title: '提示',

content: null,

cancelText: '取消',

confirmText: '确认',

cancel: function () {},

confirm: function () {},

isSync: false,

isShow: false

}

},

methods: {

onCancel () {

if (!this.isSync) this.isShow = false

this.cancel()

},

onConfirm () {