Element中el-page-header页头的用法

在开发项目中使用到页头这一组件，官网描述很简单，这个组件本身也很简单
去官网看看


官网就只给出这一个例子以及相关参数事件。我今天所说的就是back这个事件，这个就是页头跳转所触发的事件，通过官网给出的代码来看，需要执行goBack()方法。
因此我们可以通过该方法编写想要跳转的路径

html代码

<el-page-header @back="goBack" :title="title" style="color: #4490f1">

我是使用Steps 步骤条才使用的这个组件，因为修改页头标题，也就是这个

所以需要定义一个变量来更改标题数据

 title: "返回",

最后就是编写想要跳转的路径方法了

 goBack() {
      if (this.active === 1) {
        window.location.href = "/";
      } else {
        this.active--;
        this.title = "返回";
      }

      console.log("go back");
    },

关键代码是 window.location.href = "/";用来跳转页面。业余的主要是步骤条组件的判断。

以上就是我使用页头组件所用到，如果有更好的方法，请在评论区讨论，感谢观看