vue-element-admin我踩的坑（1）

作为vue-element-admin萌新，最近在做个后台管理系统，踩了不少坑，记录一下。

router,route问题

在template里面，如果某个页面元素需要跳转到其他页面，那么需要用router-link把元素包起来，如

<router-link :to="'/abc/ + id'">

<el-button type="primary">跳转</el-button>

</router-link>

路径里面加单引号，可以设置变量（这里用param的方式，不细说）用于目标页面接收。

目标页面可以在created()方法中使用this.$route.params.id接收。

如果需要在script里面跳转页面，如这种场景：创建文章页面点击创建按钮提交后，提交文章并返回文章列明页面。

使用的语句是this.$routre.push({ name: 'art_list'})

name是在项目router目录下导航定义中某个页面的name，也可以直接写链接。vue-element-admin用的是vue-router，可以参考vue-router的文档。

 

请注意上面有的地方是route，有的是router