logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

v-if:按条件显示内容

  • 在vivo组件中,可使用v-if指令来根据条件显示或隐藏内容。
  • 可以在组件模板中添加内容并用v-if指令控制,根据visible数据的真假决定是否显示。
  • 数据visible的初始值设为true时,在浏览器中预览会显示内容;将值改为false时,内容不显示。
  • 可以创建一个按钮来切换visible值,从而控制内容的显示和隐藏。
  • 按钮文字会根据visible的值变化,点击按钮会改变内容的可见状态。