在v-show中,如果初始数据可能是为空的,导致渲染失败则么解决

<div v-show="showType===1" class="show-content">{{curContent[10]}}</div>

showType === 1的时候是绑定在按钮,点击匹配之后再去显示,
但是模板加载的时候因为 curContent为空,
v-show应该是加载dom只是display:none掉了,所以加载dom就错了,
但是怎么解决这种数据为空时的渲染呢

已解决 悬赏分:10 - 解决时间 2021-11-28 03:29
反对 0举报 0 收藏 0

回答2

最佳
  • @

    curContent 如果内容为空 就算渲染了你也看不到文字 建议showType 和curContent 都不为空的情况下在展示

    支持 0 反对 0 举报
    2021-11-27 10:15
  • @

    要么初始化 curContent 为数组
    要么使用 v-if 判断 curContent

    支持 0 反对 0 举报
    2021-11-27 11:08