Skip to content

Commit 5483951

Browse files
authored
Merge pull request #280 from KingMario/english-pr-817
English pr 817
2 parents d5f5d78 + 177d1c7 commit 5483951

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

src/v2/guide/migration-vue-router.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -238,6 +238,23 @@ if (route.meta.requiresAuth) {
238238
</div>
239239
{% endraw %}
240240

241+
### URL 中的 Query 数组 [] 语法 <sup>移除</sup>
242+
243+
当传递数组给 query 参数时,URL 语法不再是 `/foo?users[]=Tom&users[]=Jerry`,取而代之,新语法是 `/foo?users=Tom&users=Jerry`,此时 `$route.query.users` 将仍旧是一个数组,不过如果在该 query 中只有一个参数:`/foo?users=Tom`,当直接访问该路由时,vue-router 将无法知道我们期待的 `users` 是个数组。因此,可以考虑添加一个计算属性并且在每个使用 `$route.query.users` 的地方以该计算属性代替:
244+
245+
```javascript
246+
export default {
247+
// ...
248+
computed: {
249+
// 此计算属性将始终是个数组
250+
users () {
251+
const users = this.$route.query.users
252+
return Array.isArray(users) ? users : [users]
253+
}
254+
}
255+
}
256+
```
257+
241258
## Route 匹配
242259

243260
路由匹配现在使用 [path-to-regexp](https://github.com/pillarjs/path-to-regexp) 这个包,这将会使得工作与之前相比更加灵活。

0 commit comments

Comments
 (0)