详见示例工程项目
- 发布:2021-01-03 08:18
- 更新:2022-07-04 16:52
- 阅读:1003
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win7
HBuilderX类型: 正式
HBuilderX版本号: 3.0.4
浏览器平台: Chrome
浏览器版本: 87.0.4280.88
项目创建方式: HBuilderX
示例代码:
操作步骤:
1.新建一个自定义组件,在任意生命周期函数中打印日志信息;
2.在页面中引入多个该组件,并使用v-if
进行动态切换,某些组件展现时,无法触发生命周期。
1.新建一个自定义组件,在任意生命周期函数中打印日志信息;
2.在页面中引入多个该组件,并使用v-if
进行动态切换,某些组件展现时,无法触发生命周期。
预期结果:
组件展现时应正确触发生命周期函数。
组件展现时应正确触发生命周期函数。
实际结果:
组件展现时未能正确触发生命周期函数
组件展现时未能正确触发生命周期函数
bug描述:
使用v-if判断条件动态切换自定义组件显示状态时,无法正确触发组件声明周期函数。
详见录屏与示例工程。
vue 组件复用了
不想复用的话,可以加 key,相关文档:https://cn.vuejs.org/v2/api/#key
<a-coms :key="2" v-if="type == 1" title="组件二"></a-coms>
<a-coms :key="3" v-if="type == 2" title="组件三"></a-coms>
BaseCloud (作者) - BaseCloud是一套基于uniapp、uniCloud、uni-id的全栈开发框架,不依赖任何第三方框架,极度精简轻巧。
录屏视频和复现bug的简单示例工程均已提供,为什么没有人回复处理一下呢?
如果不是bug,请留言说明一下。