vue 封装dialog_element-ui 封装dialog组件

封装组件：

title="title"

:visible.sync="visible"

@close="$emit('update:show', false)"

:show="show">

this is a dialog

export default {

data () {

return {

visible: this.show

};

},

props: {

show: {

type: Boolean,

default: false

}

},

watch: {

show () {

this.visible = this.show;

}

}

};

使用组件：

click

import serviceDialog from './serviceDialog'

export default {

data () {

return {

show: false

};

},

methods: {

open () {

this.show = true;

}

},

components: {

serviceDialog

}

};

本文来源于网络：查看 >https://blog.csdn.net/qq_36708991/article/details/79234732