记录一个BUG a-steps 切换步骤点击下一步问题

最近心血来潮,想将之前重构的服务端2.0进化为3.0,肯定是要将UI组件升级版本使用,在涉及到忘记密码页面有一个三步走战略,当时以为是很普通的复制粘贴然后修改,然后就出现了一个离奇的BUG。代码如下

<a-steps direction="vertical" size="small" :current="current">
    <a-step title="Finished" description="This is a description." />
    <a-step title="In Progress" description="This is a description." />
    <a-step title="Waiting" description="This is a description." />
 </a-steps>

直接照官网的复制个demo, 

看到这里就是修改current的值进行切换,离奇的是第一步切换第二步是没有问题的,第二步切换第三步,就会报错。在切换事件中把current 又改为第一步的值切换也没毛病,就是走不到下一步,以为是版本大切换导致的试着切换到低版本还是不行Cannot read properties of null (reading ‘split‘)“  包这样一个错很是疑惑??

  • 8
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
判断一个bug是前端问题还是后端问题需要进行一定的排查和分析。下面是一些常见的方法和技巧: 1. 查看错误信息:首先,查看错误信息或日志,确定错误的具体描述和位置。前端错误通常涉及到页面渲染、用户交互等方面,而后端错误通常涉及到数据处理、数据库操作等方面。 2. 检查网络请求和响应:使用开发者工具或网络抓包工具,检查网络请求和响应的状态码、数据格式等。若请求成功但数据展示有问题,则可能是前端问题;若请求失败或返回错误信息,则可能是后端问题。 3. 分离前后端:在出现问题的情况下,可以将前端和后端分别进行测试和调试。例如,可以通过修改前端代码或使用模拟数据来确认是否是前端问题;或者直接调用后端接口,检查返回的数据是否符合预期。 4. 调试工具和技术:使用浏览器的开发者工具进行前端调试,可以查看页面元素、网络请求、控制台输出等信息。对于后端问题,可以使用调试器、日志记录等技术来定位问题。 5. 与团队协作:与团队中的前端和后端开发人员沟通和协作,共同分析和解决问题。他们可能会有更深入的了解和经验,能够提供有价值的建议和解决方案。 综上所述,通过以上方法和技巧的组合使用,可以初步判断一个bug是前端问题还是后端问题,并进一步定位和解决。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值