zoukankan      html  css  js  c++  java
  • vue--js里跳转页面

    我们知道在vue里进行页面跳转的话,我们使用<router-link>这个标签

    那在构造函数里我们不能直接操纵DOM元素,我们又该如何进行页面跳转呢?

    步骤1:

    我们先在DOM里设置三个按钮,分别是“后退”,“前进”,“跳转任一页”。

    <button @click="goback">后退</button>
    <button @click="forwards">前进</button>
    <button @click="goto">跳转任一页</button>

    接下来就是在构造函数里操纵它们

    当选择“后退”按钮,页面会跳转到前一页

    当选择“前进”按钮,页面会跳转到后一页

    当选择“跳转任一页”按钮,页面会跳转到跳转任一页

    除了最后一个跳转任一页之外,其余两个按钮都需要有历史痕迹才可以跳转的

    方法当然要写在methods里:

    methods: {
         goback() {
           this.$router.go(-1)
         },
         forwards() {
           this.$router.go(1)
         },
         goto() {
           this.$router.push("/about")
         }
    }
  • 相关阅读:
    vue-常用指令汇总
    vue-插槽和具名插槽
    vue-传值校验
    vue-动态组件
    vue-组件
    zend studio 快捷键收集
    php调试工具firephp
    zend studio插件
    MySQL各个版本区别
    PHP 中 Date 函数与实际时间相差8小时的解决方法
  • 原文地址:https://www.cnblogs.com/vinieo/p/10190341.html
Copyright © 2011-2022 走看看