使用抽屉实现弹出框

<el-drawer title="添加分类" :visible.sync="addState" direction="rtl">
  <el-form :model="addForm" label-width="80px">
    <el-form-item label="分类名称">
      <el-input v-model="addForm.cateName"></el-input>
    </el-form-item>

    <el-form-item label="是否启用">
      <el-switch v-model="addForm.state" :active-value="1" :inactive-value="0"></el-switch>
    </el-form-item>

    <el-form-item>
      <el-button type="primary" @click="add">新增</el-button>
      <el-button @click="addState=false">取消</el-button>
    </el-form-item>
  </el-form>
</el-drawer><el-drawer title="添加分类" :visible.sync="addState" direction="rtl">
  <el-form :model="addForm" label-width="80px">
    <el-form-item label="分类名称">
      <el-input v-model="addForm.cateName"></el-input>
    </el-form-item>

    <el-form-item label="是否启用">
      <el-switch v-model="addForm.state" :active-value="1" :inactive-value="0"></el-switch>
    </el-form-item>

    <el-form-item>
      <el-button type="primary" @click="add">新增</el-button>
      <el-button @click="addState=false">取消</el-button>
    </el-form-item>
  </el-form>
</el-drawer>