0


this.$router.push方法 携带参数跳转路由

1. this.$router.push方法:

通过修改url实现路由跳转,其中path参数为跳转页面url,query参数为跳转时携带的参数。

this.$router.push({path:' ',query:{key:value}})

如this.$router.push({path:'/performance/scoring/projectEntry'},query:{ type: 'add', month:this.queryParams.yf, role: this.role })

在新页面中,通过this.$route.query.key取值。如上跳转前的页面中传入的query:role:this.role

则新页面中就可以通过this.$route.query.role获取到数据

其中,路由的基本概念如下:

  • route,它是一条路由,由这个英文单词也可以看出来,它是单数, Home按钮 => home内容, 这是一条route, about按钮 => about 内容, 这是另一条路由。
  • routes 是一组路由,把上面的每一条路由组合起来,形成一个数组。[{home 按钮 =>home内容 }, { about按钮 => about 内容}]
  • router 是一个机制,相当于路由的管理者,当用户点击home 按钮,router 到routes 中去查找到对应的 home 内容,所以页面中就显示了 home 内容。

2.el table 行删除:

data=tableDate tableDate 就是一个数组,其中的每一行都是数组的一项,所以对于此表格数组可以应用.push(),.splice()等方法 如要删除某一行,可以this.tableData.splice(传过来的index,1)。

3.bug记录:

错误信息:某一项(额外核算单价)的输入检验rules不生效

错误原因:

之前这里的v-model是ewhsdj而非form.ewhsdj故不成功

:不止在el-form-item的prop中的ewhsdj于rules校验中的一致,注意在输入框中的v-model绑定的也要一致并用form.ewhsdj。


2024.6.27


本文转载自: https://blog.csdn.net/qq676752351/article/details/140817646
版权归原作者 青灯古佛初照 所有, 如有侵权,请联系我们删除。

“this.$router.push方法 携带参数跳转路由”的评论:

还没有评论