vue抽屉_VUE组件 之 Drawer 抽屉

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'},//是否在父级元素中打开

inner: {

type: Boolean,default: false}

},

computed: {

maskClass:function() {return{'mask-show': (this.mask && this.display),'mask-hide': !(this.mask && this.display),'inner': this.inner