溫馨提示×

vue中怎么實現按鈕跳轉

vue
小新
2793
2021-04-27 08:54:45
欄目: 編程語言

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文件查看設計效果。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女