<template><div><h4>isShowDrawer.sync属性控制是否显示抽屉</h4><h4>title属性控制抽屉的头部标题</h4><h4>direction属性控制抽屉的4个方向</h4><h4>beforeClose函数属性关闭抽屉前的操作动作</h4><h4>showCloseIcon属性控制是否显示抽屉的关闭小按钮</h4><h4>isShowHeader属性控制是否显示抽屉的头部内容</h4>...
<template> <div> <el-button @click="drawer = true">打开抽屉</el-button> <el-drawer title="抽屉标题" v-model="drawer" :direction="direction" @close="handleClose"> <span>这是一段内容</span> </el-drawer> </div> <...
本篇文章记录仿写一个el-drawer组件细节,从而有助于大家更好理解饿了么ui对应组件具体工作细节。本文是elementui源码学习仿写系列的又一篇文章,后续空闲了...
};exportdefault{name:"myDrawer",props: {// 是否显示抽屉isShowDrawer: {type:Boolean,default:false, },// 是否显示抽屉头部内容isShowHeader: {type:Boolean,default:true, },// 父组件传过来的抽屉标题值title: {type:String,default:"我是title", },// 是否显示关闭小图标showCloseIcon: {type:Boolea...