Телеграмм чат группы nuxtjs

Size: a a a

Nuxt.js — русскоговорящее сообщество

1654 membersпожаловаться на группу

2020 October 28

Goncharenko Dmitry in Nuxt.js — русскоговорящее сообщество

ну может кто-то подобное реализовывал, просто уже интересно)

источник

07:37пожаловаться #1

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество

Goncharenko Dmitry

Привет, подскажите как сделать правильно. Пишу компонент таблицы на основе el-table от element-ui. Задолбало писать структуру таблиц каждый раз заново, вот решил написать само развёртывающийся компонент, чтобы я указал только данные и массив колонок, а компонент уже сам собрал мне из этого таблицу.
есть вот такая там штука

<component :is="column.component" v-if="column.component" :props="() => column.componentProps.map((prop => prop.row[prop]))" />

её цель чтобы в колонках можно было рендерить компоненты отдельные, как правильно это организовать? сейчас проблема в том, что :props = там отдаётся функция, которая выглядит в таблице вот так:

function() { return column.componentProps.map(function( prop ) { return prop.row[prop] }) } - а мне там надо нормальные данные получить

Через скоуп-слоты попробуй, посмотри исходники vue-good-table

источник

07:48пожаловаться #2

Goncharenko Dmitry in Nuxt.js — русскоговорящее сообщество

Сергей Рыжков

Через скоуп-слоты попробуй, посмотри исходники vue-good-table

ок, спасибочки)

источник

07:49пожаловаться #3

ID:0 in Nuxt.js — русскоговорящее сообщество

"30 Minute to 1 Minute Nuxt Builds"

https://dev.to/lukeocodes/make-nuxt-js-go-brrrrrrrr-30-minute-to-1-minute-builds-on-netlify-f6e

DEV Community

30 Minute to 1 Minute Nuxt Builds

If you're not careful, your build times for Nuxt can spiral out of control. This is my journey to get from 30 minutes to 1 minute builds.

источник

08:57пожаловаться #4

ИБ

Илья Бельский... in Nuxt.js — русскоговорящее сообщество

0_o

источник

10:38пожаловаться #5

ИБ

Илья Бельский... in Nuxt.js — русскоговорящее сообщество

это шлет hmr нукста

источник

10:38пожаловаться #6

V💊

Vladimir 💉 💊 Voytenk... in Nuxt.js — русскоговорящее сообщество

пасхалка ;)

источник

10:38пожаловаться #7

АБ

Алексей Дмитриевич Б... in Nuxt.js — русскоговорящее сообщество

Илья Бельский

это шлет hmr нукста

Это обычный heartbeat

источник

10:42пожаловаться #8

АБ

Алексей Дмитриевич Б... in Nuxt.js — русскоговорящее сообщество

Просто какая разница что там отправлять, это обычная практика что оно живое, а раз это сердцебиение, то и отправляют эмоджи с сердцем, логично жи

источник

10:43пожаловаться #9

ИБ

Илья Бельский... in Nuxt.js — русскоговорящее сообщество

понял, не знал 🙂

источник

10:44пожаловаться #10

5$ in Nuxt.js — русскоговорящее сообщество

Ребят привет!
Помогите пожалуйста, у меня есть роуты, в них есть children, в children есть другие роуты, а вот дальше children не работает, не могу понять в чём дело(

{
                path: '',
                component: () => import('@/pages/index').then(m => m.default || m),
                children: [
                    {
                        path: 'payments',
                        component: () => import('@/pages/payments/layout').then(m => m.default || m),
                        children: [
                            {path: '', name: 'payments_index', redirect: {name: "payments_list"}},
                            {
                                path: 'list',
                                name: 'payments_list',
                                component: () => import('@/pages/payments').then(m => m.default || m),

                            },
                            {
                                path: ':category',
                                name: 'payments_category',
                                component: () => import('@/pages/payments/categories').then(m => m.default || m),
                            },
                            {
                                path: ':category/:sub-category',
                                name: 'payments_category_sub',
                                component: () => import('@/pages/payments/services').then(m => m.default || m)
                            }
                        ]
                    },
                ]
            }

источник

10:53пожаловаться #11

V💊

Vladimir 💉 💊 Voytenk... in Nuxt.js — русскоговорящее сообщество

{
                path: '',
                component: () => import('@/pages/index').then(m => m.default || m),
                children: [
                    {
                        path: 'payments',
                        component: () => import('@/pages/payments/layout').then(m => m.default || m),
                        children: [
                            {path: '', name: 'payments_index', redirect: {name: "payments_list"}},
                            {
                                path: 'list',
                                name: 'payments_list',
                                component: () => import('@/pages/payments').then(m => m.default || m),

                            },
                            {
                                path: ':category',
                                name: 'payments_category',
                                component: () => import('@/pages/payments/categories').then(m => m.default || m),
                            },
                            {
                                path: ':category/:sub-category',
                                name: 'payments_category_sub',
                                component: () => import('@/pages/payments/services').then(m => m.default || m)
                            }
                        ]
                    },
                ]
            }

!paste

источник

10:57пожаловаться #12

Rose in Nuxt.js — русскоговорящее сообщество

Vladimir 💉 💊 Voytenko

!paste

Пожалуйста, не копируйте в чат большие куски кода, их все равно невозможно читать.
Воспользуйтесь специализированными сервисами для кода:
codesandbox.io
codepen.io
gist.github.com
pastebin.com
dpaste.org

источник

10:57пожаловаться #13

5$ in Nuxt.js — русскоговорящее сообщество

Vladimir 💉 💊 Voytenko

!paste

https://dpaste.org/SdjB#L2,11,20

источник

11:05пожаловаться #14

RusaXXX in Nuxt.js — русскоговорящее сообщество

Мокаю store

mocks: {
      $store: {
        state: {
          navbar: {
            isShow: true,
          }
        }
      }
    }

Внутри компонента

computed: {
      ...mapState('navbar', [
        'isShow'
      ]),

Но почему запуск теста приводит к ошибке
[Vue warn]: Error in render: "TypeError: Cannot read property 'navbar/' of undefined"

источник

11:49пожаловаться #15

5$ in Nuxt.js — русскоговорящее сообщество

Я хотел скорее узнать, почему конструкция вида:

{
                                        path: ':category/:sub-category',
                                        name: 'payments_category_sub',
                                        component: () => import('@/pages/payments/services').then(m => m.default || m)
                                    }

Не работает, и как такую конструкцию можно создать? И если в children перемещаю, то никакого эффекта

источник

11:52пожаловаться #16

РК

Русалов Константин... in Nuxt.js — русскоговорящее сообщество

Все привет. Код https://codesandbox.io/s/laughing-bird-wim3r Есть страница login в vuex( был установлен плагин vuex-persist для сохранения store) сохраняю token в getters isAuthenticated: (state) => state.token !== null., после обновления страницы при переходе на главную middleware/auth.js isAuthenticated=false, Подскажите, пожалуйста, как исправить?

источник

11:55пожаловаться #17

КГ

Кирилл Голубев... in Nuxt.js — русскоговорящее сообщество