【项目经验】elementui抽屉（从下到上方向）实现向上拉伸

最新推荐文章于 2024-09-29 10:09:25 发布

原创

最新推荐文章于 2024-09-29 10:09:25 发布

· 1.1k 阅读

1 ·

版权

文章标签：

#elementui #前端 #javascript #vue.js

效果图

直接上代码

<template>
    <div>
        <el-button @click="drawerBtn" type="primary" style="margin-left: 16px;">
            点我打开
        </el-button>

        <el-drawer title="我是标题" :modal="false" :wrapperClosable="false" :visible.sync="drawer" :with-header="false"
            :direction="btt" v-drawerDrag>
            <div class="box">
                <div class="text">bug天选之子</div>
            </div>
        </el-drawer>
    </div>
</template>

<script>
import Vue from 'vue'
Vue.directive('drawerDrag', {
    bind (el, binding, vnode, ol