Vue进行跳转时出现： Cannot read properties of undefined (reading '$router')

先看我原先的代码：

出现问题如下：

 

解决办法：

 

 如上代码更换之后就可以成功跳转了

成功界面如下：