Vue父子组件生命周期与v-if

最新推荐文章于 2023-03-09 16:04:03 发布

湖深似海

最新推荐文章于 2023-03-09 16:04:03 发布

阅读量1.7k

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_45944856/article/details/106936912

版权

本文探讨了在Vue中，当父组件通过v-if指令控制子组件的显隐时，子组件的生命周期并不会受到影响。然而，在这种情况下，父组件无法直接获取到子组件的DOM元素，因此建议使用watch来监听控制子组件显示隐藏的变量，以便进行必要的DOM操作。

摘要由CSDN通过智能技术生成

前提：子组件受父组件的变量控制显示隐藏v-if。

父

<template>
  <div class="home">
	<home-child :show="msg" />
	<button @click="btnClick">按钮</button>
  </div>
</template>

<script>
import HomeChild from './HomeChild.vue'
export default{
   
name:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

湖深似海

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Vue父子组件生命周期与v-if

前提：子组件受父组件的变量控制显示隐藏v-if。父<template> <div class="home"> <home-child :show="msg" /> <button @click="btnClick">按钮</button> </div></template><script>import HomeChild from './HomeChild.vue'export defa
复制链接

扫一扫