v-if和v-show的真实案例使用(一)

18 篇文章 1 订阅
14 篇文章 1 订阅

v-if和v-show的真实使用感受

  • 需求:一个页面有单个tab栏,需要在点击每个tab栏底部的保存或者提交按钮的时候,保存三个页面的所有表单的内容。
  • 问题:刚开始使用v-if 没找到问题,后来打印了每个组件的实例,发现每个tab栏页面的实例没有拿到,没法提交所有表单。
  • 解决:使用v-show的 判断展示当前页面,点击某个提交页面的时候能够提交三个tab栏页面的所有表单数据。

在这里插入图片描述
在这里插入图片描述
这种页面,每个页面都有保存和提交的按钮。需要在点击的时候,保存三个组件的所有表单。
在这里插入图片描述
使用v-show,和refs拿到组件的实例,进而拿到form表单,在点击提交的时候保存所有的表单。
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值