Day19-登录与支付-三秒跳转-初步实现三秒倒计时跳转的功能

需求描述：

在购物车页面，当用户点击 “结算” 按钮时，如果用户没有登录，则 3 秒后自动跳转到登录页面

 

 

step1：在 my-settle 组件的 methods 节点中，声明一个叫做 showTips 的方法，专门用来展示倒计时的提示消息：

 step2：在 data 节点中声明倒计时的秒数：

step3：改造 结算 按钮的 click 事件处理函数，如果用户没有登录，则预调用一个叫做 delayNavigate 的方法，进行倒计时的导航跳转：

 

 step4：定义 delayNavigate 方法，初步实现倒计时的提示功能：

step5：目前阶段的效果图：

 

step6：在 data 节点中声明定时器的 Id 如下：

step7：改造 delayNavigate 方法如下：

 

step8：进一步改造 delayNavigate 方法，在执行此方法时，立即将 seconds 秒数重置为 3 即可：

 

 

 step9：最终效果图：

①：

 ②：