vue中怎么实现按钮跳转

vue中实现按钮跳转的方法:1、在html文件中使用button标签设置按钮并添加点击事件;2、在vue的methods中添加方法实现页面跳转;3、通过浏览器查看设计效果即可。


vue中怎么实现按钮跳转

具体操作方法:

1、在html文件中使用“button”标签设置一个按钮并添加一个“@click”点击事件。

<button @click="register">登录</button>

2、在vue中方法需要写在methods里,因此在methods中添加以下跳转方法实现页面跳转即可。

register () {

      //跳转到上一次浏览的页面

      this.$router.go(-1)

      //指定跳转的地址

      this.$router.replace('/将要跳转的路由名称')

      //指定跳转的路由的名字下

      this.$router.replace({name:'指定路由名称'})

      //通过push进行跳转

      this.$router.push('/将要跳转的路由名称')

    }

3.最后可通过浏览器方式阅读html文件查看设计效果。

我们的服务
专业提供中小企业网站建设.公司网站建设.外贸网站建设.营销型网站建设,响应式网站建设,商城网站定制,手机网站,微信小程序定制.php应用开发服务,公司成立于2014年,8年专注网站建设,秉承“以客户为根本,以科技为核心,以市场为导向”的经营理念;服务电话13714666846(微信同号)

声明:本站所有作品(图文、音视频)均由用户自行上传分享,或互联网相关知识整合,仅供网友学习交流,若您的权利被侵害,请联系 管理员 删除。

本文链接:http://news.ew35.com/