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

Neoo1984
  • 53

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

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

回复
阅读 1.4k
2 个回答
✓ 已被采纳

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏