Vue路由用于具有多个查询的过滤器

时间:2020-05-27 16:43:07

标签: vue.js vue-router

我正在编写我的第一个vue应用,在实施过滤器时会出现很多问题。

我为每个属性创建了带有复选框的列表。复选框具有一个更改事件,用于调整URL并发送get-request。一键可以有多个值。我该如何使用vue来实现这一点?

第一个调整URL的测试如下:

router.push({ name: 'transactions' , query: { property: item.value} });

使用一个值可以很好地工作,但是我想要一个键具有多个值。

许多页面使用xy.com/z?property=x%y

解决此问题

我无法确定是仅建议使用此方案还是必须以这种方式解决。我也无法用vue来实现它。

我还想知道如何扩展路线。以下语句始终覆盖URL,而不是扩展URL。

this.$router.push({ name: 'transactions', query: Object.assign({}, this.$route.query, { property: item.value })});

感谢您的帮助

0 个答案:

没有答案