解决Vue父组件进入子组件调用一次create函数

最新推荐文章于 2024-03-06 11:05:01 发布

一只烛

最新推荐文章于 2024-03-06 11:05:01 发布

阅读量2.1k

点赞数 2

分类专栏： svn 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44813417/article/details/121116987

版权

svn 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

弹框中出现子组件每次显示弹框时子组件调用一次create()
（原本为进入多次，只有在第一次能调用create()）

解决方案：
在外层包一个div 添加属性v-if
v-if为元素的创建和销毁
false时销毁；true为创建，则会调用一次create()

    <div v-if="dialogFormVisible">
      <el-dialog
        title=""
        :visible.sync="dialogFormVisible"
        :close-on-click-modal="false"
        top="2vh"
      >
		// 弹框内容
		// ......
		
		<children-cop/> // 子组件
      </el-dialog>
    </div>