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

最新推荐文章于 2024-10-21 08:47:13 发布

代码搬运工娃哈哈呀娃哈哈

最新推荐文章于 2024-10-21 08:47:13 发布

阅读量570

点赞数 8

文章标签： bug

本文链接：https://blog.youkuaiyun.com/weixin_43666952/article/details/136511301

版权

作者在重构服务端时，尝试升级UI组件的三步走密码重置页面，遇到问题：从第二步切换到第三步时出错，无论如何设置current值，都会报Cannotreadpropertiesofnull(readingsplit)的错，尽管切换回第一步就没问题，但切换到低版本也无效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近心血来潮，想将之前重构的服务端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‘)“ 包这样一个错很是疑惑？？