Advertisement

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 的内容

1.验证 v-if 条件判断后变量的真值状态,使用 {{ item.img_url ? 1 : 2 }} 的表达方式在语法层面完全符合规范

复制代码
    <div>{{ item.img_url ? 1 : 2 }} </div>
    
    
      
    
  1. 启动浏览器控制台后,未出现任何错误提示
  2. 尝试1:重新启动项目并清理浏览器缓存,但未见效果
  3. 尝试2:直接将 v-if 设置为“true”,发现所有与 v-if 相关的内容均被渲染,然而 v-else 部分却不再显示
  4. 尝试3:无论将 v-if 设置为 v-if="’’"(空字符)或 v-if="null",结果基本一致,仅渲染出 v-else 的内容
  5. 初步推测可能由其他因素引起
  6. 突然注意到,在采用 Grid 布局时,将其与

全部评论 (0)

还没有任何评论哟~