关于父组件引用el-drawer的抽屉开合问题

最新推荐文章于 2024-05-21 23:21:19 发布

VIP文章我要向日葵^V^

最新推荐文章于 2024-05-21 23:21:19 发布

阅读量801

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/weixin_44011606/article/details/125787844

版权

背景：点击添加用户组按钮，打开抽屉；按钮在父组件，抽屉是子组件userAddtoGroup

父组件：引用子组件，并传值userAddtoGroupVisble

<user-addto-group :visible.sync="userAddtoGroupVisble"></user-addto-group>

方法中

addUserGroup() {
      this.userAddtoGroupVisble = !this.userAddtoGroupVisble
    },

子组件：

写法一：

<template>
  <div class="user-addto-group">
    <el-drawer
      :visible.sync="drawer"
      size="50%">
      nihao
      <el-button @click="cancel">取消</el-button>
    </el-drawer>
  </div>
</template>

<script>
export default {
  name: 'userAd