File tree Expand file tree Collapse file tree 1 file changed +17
-0
lines changed Expand file tree Collapse file tree 1 file changed +17
-0
lines changed Original file line number Diff line number Diff line change @@ -238,6 +238,23 @@ if (route.meta.requiresAuth) {
238
238
</div >
239
239
{% endraw %}
240
240
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
+
241
258
## Route 匹配
242
259
243
260
路由匹配现在使用 [ path-to-regexp] ( https://github.com/pillarjs/path-to-regexp ) 这个包,这将会使得工作与之前相比更加灵活。
You can’t perform that action at this time.
0 commit comments