Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
kulakoff

Evgeny Kulakov

Vue.js developing
  • 312
    вклад
  • 2
    вопроса
  • 366
    ответов
  • 54%
    решений
Комментарии
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как сделать отличающиеся шаблоны страниц в Angular или Vue?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    Klein Maximus, вы можете условно отображать элементы:
    <div>
    <element-for-admin-only v-if="showOnlyPathMachedWithAdminPaths"></element-for-admin-only>
    <router-view></router-view>
    </div>
    Написано более трёх лет назад
  • Как лучше структурировать routes.js (vue-router)?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    tridcatij, тут наверное мой косяк, без имени не прокатит:
    import * as views from './views'
    но тоже не самое красивое решение.
    Написано более трёх лет назад
  • Как лучше структурировать routes.js (vue-router)?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    А если теперь вот так в роутере:
    import * from './views'
    Написано более трёх лет назад
  • Как лучше структурировать routes.js (vue-router)?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    tridcatij, хм.. может я что-то упускаю из виду. Попробуйте вот так еще:

    // views/index.js
    import Login from './Login.vue'
    import NotFound from './404.vue'
    
    export default {Login, NotFound}


    // routes.js
    import Vue from 'vue';
    import Router from 'vue-router';
    
    import {Login, NotFound} from './views'
    Написано более трёх лет назад
  • Как лучше структурировать routes.js (vue-router)?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    tridcatij, индекс куда поместили? В папку views? Если у вас компоненты лежат непосредственно в views, то по идее: import Login from './Login.vue'
    Написано более трёх лет назад
  • VueJs как подключить свои скрипт?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    Дилик Пулатов,
    1. Не совсем ясно почему через тэг не получается и как jquery этому мешает.
    2. Устанавливаете npm пакет: npm i your-package, далее в нужном компоненте import package from 'yor-packege'
    3. погуглите provideplugins у webpack, подключение примерно так происходит:
    plugins: [
        new webpack.ProvidePlugin({
          $: 'jquery',
          jQuery: 'jquery'
        })
    ]

    Это в конфиге вэбпака нужно прописать.
    Написано более трёх лет назад
  • Где именно лежит граница между компонентами (модулями) и самим приложением?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    zakharkang: ок) да, это существенно при проектировании. Вы можете в структуре самого проекта делать такое разделение. Т.е. выносить инкапсулированные компоненты в какую-то отдельную папку и отдельно располагать компоненты(можно их видами называть), которые используют эти компоненты и взаимодействуют с vuex.
    Написано более трёх лет назад
  • Где именно лежит граница между компонентами (модулями) и самим приложением?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    zakharkang: думаю так:
    1. страница загружается, filercomponent делает dispatch в vuex на получение данных, vuex берет данные из localstorage, обновляет свой стейт, при этом filtercomponent реактивно получает данные из стейта.
    2. при изменения состояния компонент делает dispatch c новыми данными, vuex эти данные обрабатывает, сохраняет localstorage или что-то еще.
    3. При нажатии на кнопку - диспатч экшена, который обратиться к сервису, отвечающему за получение даннных от бэкенда и обновит стейт из которого results component реактивно получит данные.

    Еще стоит отметить, что не нужно все данные передавать в vuex - например, если это какое-то локальное состояние компонента, которым кроме него никто не пользуется.
    Написано более трёх лет назад
  • Как в модальное окно вставлять нужный компонент во Vue?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    Николай Семенов: Можно вот с такого начать:
    <template> // modal template
    <div v-if="isActive">
    <slot></slot>
    </div>
    </template>

    <script>
    export default {
    data: {
    isActive: false
    },
    methods: {
    open() {
     this.isActive = true
    },
    close() {
     this.isActive = false
    }
    }
    </script>
    Написано более трёх лет назад
  • Как правильно кастомизировать компонент из Element UI?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    Ну вы же пользуетесь уже готовыми компонентами, считайте, что данный файл создаёт вашу кастомную тему для них. Вы же не будете делать обертку для каждого компонента библиотеки, чтобы только переопределить стили.
    Написано более трёх лет назад
  • Как в модальное окно вставлять нужный компонент во Vue?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    ну да или если это внутри v-for происходит, то в итого получится массив ссылок.
    Написано более трёх лет назад
  • Как в модальное окно вставлять нужный компонент во Vue?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    Николай Семенов: нет, просто пример того какой интерфейс может быть у модального окна.
    Написано более трёх лет назад
  • Как в модальное окно вставлять нужный компонент во Vue?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    Я чет не соображу что откуда у вас вызывается, но по идее у вас что-то такое должно быть:
    <modal :show="show" @close="show=false">
      <custom-input></custom-input>
    </modal>
    <button @click="show=true">

    Или
    <modal ref="myModal">
      <custom-input></custom-input>
    </modal>
    <button @click="$refs.myModal.open()">
    Написано более трёх лет назад
  • Как в модальное окно вставлять нужный компонент во Vue?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    Николай Семенов: ну надо полечить это имхо, а не пилить костыль)
    Написано более трёх лет назад
  • Как сделать анимацию при переходе во vue?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    WebDev: по сути это у вас слайдер получается. Я бы взял готовое решение. Вот велосипед на транзишенах: https://www.webpackbin.com/bins/-KsIFDW4tTskcG_NoRBl
    Но правильнее имхо как обычно слайдер делают: врапер, скрывающий все кроме текущего слайда, в нем слой с последовательно расположенными страницами, при клике на кнопки перемещаем слой на нужный слайд.
    Написано более трёх лет назад
  • Как сделать анимацию при переходе во vue?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    WebDev: https://www.webpackbin.com/bins/-KsFksybfo1FXpqePfmo
    Написано более трёх лет назад
  • Как сделать анимацию при переходе во vue?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    WebDev: наврал я кажется) Тут вроде стандартный transition подойдет, просто вашим элементам нужно абсолютное позиционирование задать.
    Написано более трёх лет назад
  • Возможно ли соединить массив с объектом? Что для этого сделать?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    Николай Семенов: где-то значит читаете из нуля. Можно условие проверки на null добавить когда label читается. Ну или осознать для начала откуда там null берется и как-то избежать этого)
    Написано более трёх лет назад
  • Возможно ли соединить массив с объектом? Что для этого сделать?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    А что за ошибка?
    Написано более трёх лет назад
  • Возможно ли соединить массив с объектом? Что для этого сделать?

    kulakoff
    Evgeny Kulakov @kulakoff Куратор тега Vue.js
    Николай Семенов: Вообще ваш вариант вроде должен работать.. Присваивайте authUser = {} по дефолту.
    Написано более трёх лет назад
  • ← Предыдущие
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • Следующие →
Самые активные сегодня
  • rPman
    • 13 ответов
    • 0 вопросов
  • Drno
    • 10 ответов
    • 1 вопрос
  • firedragon
    Владимир Коротенко
    • 8 ответов
    • 0 вопросов
  • Dr. Bacon
    • 8 ответов
    • 0 вопросов
  • alekssamos
    • 6 ответов
    • 0 вопросов
  • sergey-gornostaev
    Сергей Горностаев
    • 6 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации