如何在Nuxt中验证路由参数?

时间:2018-09-27 03:25:09

标签: javascript vue.js async-await nuxt.js

我正在尝试验证网页组件中的路由参数,如下所示:

async validate({ params, store }) {
    await store.dispatch(types.VALIDATE_PARAMS_ASYNC, params.id)
}

然后在商店中

async [types.VALIDATE_PARAMS_ASYNC]({state, commit, dispatch}, payload) {
    try {
        const res = await this.$axios.$post('/api/params/validate', {
            params: payload
        })
        commit(types.MUTATE_SET_INFO, res.data) // this mutation is in another module. This doesn't work either
        return true
    } catch(e) {
        return false
    }
}

这根本不起作用。即使我输入了无效的参数,它仍然会加载页面。请帮忙!

1 个答案:

答案 0 :(得分:1)

您的format.class=io.confluent.connect.hdfs.parquet.ParquetFormat方法必须返回布尔值:

+tmp

请参阅官方文档:https://nuxtjs.org/api/pages-validate#the-validate-method


validate