API validate方法介绍

发布时间：2023-04-14 14:19:42 所属栏目：教程来源：

导读：Nuxt.js 可以让你在动态路由对应的页面组件中配置一个校验方法用于校验动态路由参数的有效性。

类型： Function
validate({ params, query }) {
return true // 如果参数有效
return false // 参数无效，N

Nuxt.js 可以让你在动态路由对应的页面组件中配置一个校验方法用于校验动态路由参数的有效性。

类型： Function
validate({ params, query }) {
return true // 如果参数有效
return false // 参数无效，Nuxt.js 停止渲染当前页面并显示错误页面
}
async validate({ params, query, store }) {
// await operations
return true // 如果参数有效
return false // 将停止Nuxt.js呈现页面并显示错误页面
}
您还可以返回一个Promise:

validate({ params, query, store }) {
return new Promise((resolve) => setTimeout(() => resolve()))
}
Nuxt.js 可以让你在动态路由对应的页面组件（本例为： pages/users/_id.vue）中配置一个校验方法。

如果校验方法返回的值不为 true， Nuxt.js 将自动加载显示 404 错误页面。

export default {
validate ({ params }) {
// Must be a number
return /^\d+$/.test(params.id)
}
}
你也可以在validate 方法中校验 store 的数据 (如果 store 此前在 nuxtServerInit 方法中被设置了的话):

export default {
validate ({ params, store }) {
// 校验 `params.id` 是否存在
return store.state.categories.some(category => category.id === params.id)
}
}
您还可以在验证函数执行期间抛出预期或意外错误：

export default {
async validate ({ params, store }) {
// 使用自定义消息触发内部服务器500错误
throw new Error('Under Construction!')
}
}

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!