vue this.$router.push传值的两种方式,在URL展示传递的参数或者不展示

1、paramsthis.$router.push({ name: 'internet', params: { version: params.row.version, name: params.row.name, kind: params.row.kind } })参数不会显示在地址栏接收：this.version = this.$route.params.versionthis.name= t

山间漫步人生路

2643人浏览 · 2021-07-07 10:43:22

山间漫步人生路 · 2021-07-07 10:43:22 发布

1、params

this.$router.push({ name: 'internet', params: { version: params.row.version, name: params.row.name, kind: params.row.kind } })

在这里插入图片描述
参数不会显示在地址栏
接收：

this.version = this.$route.params.version
this.name= this.$route.params.name
this.kind  = this.$route.params.kind

2、query

this.$router.push({ name: 'internet', query: { version: params.row.version, name: params.row.name, kind: params.row.kind } })

在这里插入图片描述
参数会显示在地址栏
接收：

this.version = this.$route.query.version
this.name= this.$route.query.name
this.kind  = this.$route.query.kind

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}$/, //不连续的两位字母// /^