ant design vue 无法使用v-if
发布时间
阅读量:
阅读量
ant design vue 中v-if无效
-
- 问题:在组件内部通过 v-if 指令动态加载图片资源时,实际显示的却是 v-else 分支对应的内容
- 结论:在 Grid 布局相关组件(如 a-row、a-col)中应用 v-for 与 v-if 指令时需格外注意潜在问题
- 问题:在组件内部通过 v-if 指令动态加载图片资源时,实际显示的却是 v-else 分支对应的内容
问题:在组件内部使用 v-if 动态渲染一张图片,但渲染出来的一直是 v-else 的内容
1.验证 v-if 条件判断后变量的真值状态,使用 {{ item.img_url ? 1 : 2 }} 的表达方式在语法层面完全符合规范
<div>{{ item.img_url ? 1 : 2 }} </div>
- 启动浏览器控制台后,未出现任何错误提示
- 尝试1:重新启动项目并清理浏览器缓存,但未见效果
- 尝试2:直接将 v-if 设置为“true”,发现所有与 v-if 相关的内容均被渲染,然而 v-else 部分却不再显示
- 尝试3:无论将 v-if 设置为 v-if="’’"(空字符)或 v-if="null",结果基本一致,仅渲染出 v-else 的内容
- 初步推测可能由其他因素引起
- 突然注意到,在采用 Grid 布局时,将其与
全部评论 (0)
还没有任何评论哟~
