站长
    首页 > 知道 > 站长 > 前端问题 > 正文

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

发布于 2021-11-27 09:49 分类：推广求助

<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

最佳
  • @
    @niaoniao

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

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

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

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