我创建了一个样本Vuejs项目，您可以在其中切换两个组件。在第一个部分中，用户输入用户名和信用卡号以创建其帐户，在第二个部分中，用户验证输入的信息：
https://codesandbox.io/s/vue-template-u8w1m
我正在使用Stripe Elements处理我的付款。当用户在组件1中输入相关信息时，他们点击 Next 进入组件2，在那里他们可以查看信息以查看是否正确。
但是，如果用户在组件2上意识到自己输入了错误的内容并需要进行更改，该怎么办？好了，他们可以点击 Back 返回组件1进行必要的更改。
这就是问题所在：我在组件上使用 keep-alive ，当用户点击 Back 时，用户名仍在输入字段中，但是信用卡号不见了。
我希望有一个单独的“确认组件”，用户可以查看他们输入的所有信息是否准确，但是如果用户每次点击返回所有功劳，这会很烦人卡信息始终消失。看来是糟糕的UX设计。
这是Stripe Elements的预期行为吗？还是有解决此问题的方法？