Vue Element-ui 页面跳转

1、a 标签+传参html<router-link :to="`supplyList/id/0`">查看补货清单</router-link>roter{path:"supplyList/id/:id",name:"SupplyList",component: SupplyList},2、返回上一页、刷新、跳转指定页面html<el-butto...

wbj16116

30630人浏览 · 2019-05-16 10:45:44

wbj16116 · 2019-05-16 10:45:44 发布

1、a 标签+传参

html

 <router-link :to="`supplyList/id/0`"  >查看补货清单</router-link>

roter

{path:"supplyList/id/:id",name:"SupplyList",component: SupplyList},

2、返回上一页、刷新、跳转指定页面

html

<el-button @click="$router.go(0)" title="刷新" size="small" type="info"   icon="el-icon-refresh"></el-button>
                                          
     <el-button @click="$router.go(-1)" title="返回上一面" size="small" type="info"    icon="el-icon-refresh"></el-button>

this.$router.go(-1); //返回上一页面

this.$router.push(supplyList/id/+this.supply_store_id); //跳转到指定页面

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^