vue抽屉_VUE组件中的 Drawer 抽屉实现代码

因为项目中用的是 element-ui 框架，而这个框架并没有抽屉组件，所以自己实现一个，具体代码如下：

drawer.vue

{ { title }}

x

export default {

props: {

// 是否打开

display: {

type: boolean

},

// 标题

title: {

type: string,

default: '标题'

},

// 是否显示关闭按钮

closable: {

type: boolean,

default: true

},

// 是否显示遮罩

mask: {

type: boolean,

default: true

},

// 是否点击遮罩关闭

maskclosable: {

type: boolean,

default: true

},

// 宽度

width: {

type: string,

default: '400px'

},<