Question

我正在处理这段代码：

<script>
    import router from '../router'

    export default {
        name: 'Page2',
        data () {
            return {
                id: 0,
                msg: 'Hey Nic Raboy'
            }
        },
        created() {
            this.id = this.$route.params.id;
        },
        methods: {
            navigate() {
                router.go(-1);
            }
        }
    }
</script>

如果可以的话，这印在第二页模板B上，但是我对导航部分感到困惑。具体来说：

navigate() {
  router.go(-1);
}

我以前没有使用过VueJS路由器，有人可以解释一下这段代码的作用吗？

Answer 1

在router.go(n)的部分中查看programmatic navigation文档。该示例说明n可以是正数也可以是负数，并指示浏览器历史记录中要移动的步数。

// go forward by one record, the same as history.forward()
router.go(1)

// go back by one record, the same as history.back()
router.go(-1)

因此router.go(-1)相当于在浏览器中点击“返回”按钮。

Answer 2

Vue-router程序包与vue-router documentation

中所述的HTML5历史记录模式的工作方式相同。

此方法采用单个整数作为参数，指示如何历史记录堆栈中有许多前进或后退的步骤，类似于window.history.go（n）。

所以基本上这是您对router.go（）的期望

// go back by one record, the same as history.back()
router.go(-1)

您还可以从here

了解有关HTML5历史记录模式的更多信息

如何理解vue路由器导航？

2 个答案: