【Vue 弹框不出来】使用 Vue 封装了一个具有弹出框的组件，但是组

测试积点老人

使用 Vue 封装了一个具有弹出框的组件，但是组件不弹出，组件的引用如下：

1.   <group-manage  @closeTaskGroupPage="showNewGroup=false" >
   
2.    </group-manage>
   
3. 
   
4. 组件定义是这样的：
   
5. 
   
6. <!--创建分组-->
   
7.    <el-dialog title="创建分组" :visible="showNewGroup"
   
8.               :close-on-click-modal="false"
   
9.               @close="closeSelf"
   
10.               class="y-prompt">
    
11.      <span class="conditionTitle">分组名称：</span>
    
12.      <el-input style="width:300px" v-model="newGroup.name" size="mini"/>
    
13.      <el-button icon="el-icon-search" style="float:right;margin-top: 2px;margin-left: 2px;" type="primary"
    
14.                 size="mini" @click="saveTaskGroup">保存
    
15.      </el-button>
    
16.                </el-dialog>
    
17. </div>

复制代码

页面不报错，但是就无法弹出呢，是怎么回事呢？

海海豚

https://ask.csdn.net/questions/1085248  看下这个吧

bellas

不晓得

litingting0214

看组件定义里面有一个 :visible="showNewGroup" ，这个是这个组件的属性的话，那引用的地方就需要传递它，都在它始终是 false ，就无法显示。

郭小贱

参考这篇文章看下 http://quan.51testing.com/pcQuan/chat/3101