el-drawer 适配移动端

el-drawer是Element UI库中的一个组件，用于在移动端实现弹出侧边抽屉菜单。它可以通过控制visible属性来控制抽屉的显隐状态。下面是一个示例代码：

<template>
  <div>
    <el-drawer :visible.sync="drawer" direction="ltr" :with-header="false" :size="256">
      <vAside></vAside>
    </el-drawer>
    <i class="el-icon-s-unfold hidden-sm-and-up" @click="collapseChange"></i>
  </div>
</template>

<script>
import vAside from "./aside.vue";

export default {
  name: "home",
  components: {
    vAside
  },
  data() {
    return {
      drawer: false
    };
  },
  methods: {
    // 切换折叠状态
    collapseChange() {
      this.drawer = !this.drawer;
    }
  }
};
</script>

在上面的代码中，el-drawer组件被包裹在一个div中，并通过visible.sync属性与data中的drawer变量进行双向绑定。点击i标签时，会触发collapseChange方法，从而改变drawer的值，实现抽屉的显隐切换。

另外，如果你想在移动端使用滚动条来优化el-drawer的滚动效果，你可以使用vue2-perfect-scrollbar插件。你可以在main.js中引入该插件，并在el-drawer组件的内容中使用vue2-perfect-scrollbar来包裹需要滚动的内容。具体使用方法可以参考官方文档或相关教程。