二次封装ant-design-vue3的drawer组件

这次的组件封装不用jsx模版了,改用传统的vue文件,如果想封装jsx模版的话,可以看我其他两篇文章:用jsx写法二次封装table组件,用jsx写法二次封装modal组件。

封装

drawer封装非常简单,我这里主要讲slot的引入,其他参数用v-bind把props赋值上去就行了。

官方提供的extra和footer写法,封装的时候必须要按照下面我的这种写法才能出现在他们正确的位置。

// html模版,注意slot的引入方式
// js方面,没啥可讲的

使用