type
status
date
slug
summary
tags
category
icon
password
😀
在编写页面栅格时遇到的问题
组件库:Naive ui
页面内容大致为:
组件drawer 内会根据菜单项动态渲染子组件,且需持久化,在最开始我是想使用:span=show.drawer?4:0 动态变化栅格数,在页面上点击切换栅格时发现控制台报错且无法正常切换,换用v-if后组件可以正常的使用,但子组件也被销毁了无法正常的保留详见:
🗒️
VUE 的组件保活(keepalive
那么就使用v-show来保持组件持久化,使用时碰到了和:span切换时同样的问题,去看官网文档,没有发现相关的说明,我想这种需求应该比较常见要,在github搜索相关issues,发现#4644是一样的问题,在已经close的issues中看到#4422下面的解决办法是使用layout-shift-disabled=true 特性,以解决v-show的问题,在我的代码中试了下可以正常使用,看到html片段是变成了display:none ,官网文档对该特性的说明是会丧失响应式,暂时没有碰到。
完结
 
VUE 的组件保活(keepalivewatch对象的属性
Loading...