51Testing软件测试论坛

标题: 【Vue 弹框不出来】使用 Vue 封装了一个具有弹出框的组件，但是组 [打印本页]
作者: 测试积点老人    时间: 2020-8-13 11:42
标题: 【Vue 弹框不出来】使用 Vue 封装了一个具有弹出框的组件，但是组
使用 Vue 封装了一个具有弹出框的组件，但是组件不弹出，组件的引用如下：
  1.   <group-manage  @closeTaskGroupPage="showNewGroup=false" >
  2.    </group-manage>

  4. 组件定义是这样的：

  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>
复制代码
页面不报错，但是就无法弹出呢，是怎么回事呢？
作者: 海海豚    时间: 2020-8-14 10:17
https://ask.csdn.net/questions/1085248  看下这个吧
作者: bellas    时间: 2020-8-14 10:59
不晓得
作者: litingting0214    时间: 2020-8-14 11:02
看组件定义里面有一个 :visible="showNewGroup" ，这个是这个组件的属性的话，那引用的地方就需要传递它，都在它始终是 false ，就无法显示。
作者: 郭小贱    时间: 2020-8-14 13:50
参考这篇文章看下 http://quan.51testing.com/pcQuan/chat/3101



欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2