translated components-no-ssr & pages-validate #39
Conversation
theartkod
changed the title
| title: "API: The <no-ssr> Component" | ||
| description: Skip component rendering on server side(rendering), and display placeholder text. | ||
| title: "API: Компонент <no-ssr>" | ||
| description: Пропускает создание компонента на стороне сервера |
There was a problem hiding this comment.
Пропускает рендеринг компонента на стороне сервера
|
|
||
| **Props**: | ||
| - placeholder: `string` | ||
| - This prop will be used as a content of inner `div` and displayed as text only on server side rendering. | ||
| - То что вы напишите в этом пропсе будет отображаться в момент рендера на стороне сервере вместо обернутого компонента |
There was a problem hiding this comment.
Этот входной параметр будет использован как содержимое div и отображаться как текст при рендеринге на стороне сервера
|
|
||
| > Nuxt.js lets you define a validator method inside your dynamic route component. | ||
| > Nuxt.js позволяет определить метод валидации в вашем динамическом компоненте | ||
|
|
||
| - **Type:** `Function` |
There was a problem hiding this comment.
Тип можно перевести, а Function не нужно
|
|
||
| - **Type:** `Function` | ||
|
|
||
| ```js | ||
| validate({ params, query, store }) { | ||
| return true // if the params are valid | ||
| return false // will stop Nuxt.js to render the route and display the error page | ||
| return true // Ничего не произойдет |
| return true // if the params are valid | ||
| return false // will stop Nuxt.js to render the route and display the error page | ||
| return true // Ничего не произойдет | ||
| return false // Остановит рендер и покажет страницу ошибки 404 |
There was a problem hiding this comment.
если нужно остановить Nuxt.js и вместо рендеринга страницы отобразить страницу ошибки
| } | ||
| ``` | ||
|
|
||
| Nuxt.js lets you define a validator method inside your dynamic route component (In this example: `pages/users/_id.vue`). | ||
| Рассмотрим на примере: `pages/users/_id.vue`. |
There was a problem hiding this comment.
Nuxt.js позволяет вам определить метод для валидации внутри вашего компонента (в этом примере ...)
|
|
||
| If the validate method does not return `true`, Nuxt.js will automatically load the 404 error page. | ||
| Если метод не вернет `true`, Nuxt.js автоматически покажет страницу с ошибкой 404 |
There was a problem hiding this comment.
Если метод не вернёт true, Nuxt.js автоматически загрузит страницу ошибки 404
|
|
||
| ```js | ||
| export default { | ||
| validate ({ params }) { | ||
| // Must be a number | ||
| // Должно быть цифрой |
| return /^\d+$/.test(params.id) | ||
| } | ||
| } | ||
| ``` | ||
|
|
||
| You can also check some data in your [store](/guide/vuex-store) for example (filled by [`nuxtServerInit`](/guide/vuex-store#the-nuxtserverinit-action) before action): | ||
| Пример того что вы также можете использовать данные из [хранилища состояния](/guide/vuex-store) предварительно заполненное в [`nuxtServerInit`](/guide/vuex-store#the-nuxtserverinit-action)): |
There was a problem hiding this comment.
Вы также можете проверять данные в вашем хранилище (предварительно заполняемое методом ...)
может так?
|
Отлично, начало положено! :) все комментарии обсуждаемы |
No description provided.