测试积点老人 发表于 2020-8-13 11:42:55

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

使用 Vue 封装了一个具有弹出框的组件，但是组件不弹出，组件的引用如下：
<group-manage@closeTaskGroupPage="showNewGroup=false" >
   </group-manage>

组件定义是这样的：

<!--创建分组-->
   <el-dialog title="创建分组" :visible="showNewGroup"
            :close-on-click-modal="false"
            @close="closeSelf"
            class="y-prompt">
   <span class="conditionTitle">分组名称：</span>
   <el-input style="width:300px" v-model="newGroup.name" size="mini"/>
   <el-button icon="el-icon-search" style="float:right;margin-top: 2px;margin-left: 2px;" type="primary"
                size="mini" @click="saveTaskGroup">保存
   </el-button>
               </el-dialog>
</div>页面不报错，但是就无法弹出呢，是怎么回事呢？

海海豚 发表于 2020-8-14 10:17:26

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

bellas 发表于 2020-8-14 10:59:27

不晓得

litingting0214 发表于 2020-8-14 11:02:46

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

郭小贱 发表于 2020-8-14 13:50:59

参考这篇文章看下 http://quan.51testing.com/pcQuan/chat/3101
页: [1]
查看完整版本: 【Vue 弹框不出来】使用 Vue 封装了一个具有弹出框的组件，但是组