用户登录

Nuxt 里面提供了一个验证方法,可以验证路由里的参数 .. 比如你可以规定参数值的类型必须是数字,或者字符串 ..

在这个 posts .. _id.vue 里面 .. 添加一组 script .. 在默认的导出的东西里面,添加一个 validate .. 这个方法可以验证路由里的参数 ...

方法的参数里面,把 params 解构出来 .. 方法 return 的是 true 或者 false .. 如果 return false .. 就会显示 404 页面 ..

先写一个正则表达式 .. 意思就是字符串里面都是数字 .. 用一下 test 方法,要测试的是 params 里的 id 参数的值 ...

回到浏览器预览一下 .. 访问一下 /posts/3 .. 页面会正常显示,因为路由地址里的 id 参数的值是个数字 ..

再试一下,让 id 参数的值是一个字符串 .. 这次会显示默认的 404 页面 ..

验证路由里的参数:validate《 Nuxt.js:路由与视图 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点