修改el-drawer抽屉展开的宽度

其实很多属性官网写的很清楚，默认的el-drawer展开宽度是30%，但是需要更宽，可以看看下面的option。

在这里，size，可以修改宽度，但他的默认值是字符串类型，但值的类型确实number，我看到很多博客中这样写。

<el-drawer
  title="我是标题"
  :visible.sync="drawer"
   :size="drawerWidth"
  :with-header="false">
  <span>我来啦!</span>
</el-drawer>
<script>
export default {
  data() {
    return {
      drawerWidth: '60%' // Drawer宽度
    }
  }
}
</script>

其实这样多定义了一个drawerWidth字段表示宽度并不必要，只要将值写进html的size里就行了。

// 第一种
<el-drawer
  title="我是标题"
  :visible.sync="drawer"
   size="1200"  
  :with-header="false">
  <span>我来啦!</span>
</el-drawer>

// 第二种
<el-drawer
  title="我是标题"
  :visible.sync="drawer"
   size="60%"  
  :with-header="false">
  <span>我来啦!</span>
</el-drawer>

这两种都是可以的，直接写数字，默认单位是px，即调整为1200px，写百分比，就是宽度调整至屏幕的百分比，不用写单位。