Задать вопрос

Роман Серцов

Front-end Developer
Ответы пользователя по тегу Vue.js

  • Как правильно настроить защиту роутинга в Vue?

    @Arge-dev
    Front-end Developer
    Ниже пример гварда роутов с firebase:

    router.beforeEach((to, from, next)=>{
  const currentUser = firebase.auth().currentUser;
  const requireAuth = to.matched.some(record => record.meta.auth);
  if(requireAuth && !currentUser){
    next({name:'signIn'})
  }else{
    next();
  }
});


    requireAuth - meta свойство в каждом роуте, которое показывает нужна ли авторизация для получения доступа к роуту.
    Ответ написан
    Комментировать
    Комментировать

  • Как оставлять открытым только один элемент из списка?

    @Arge-dev
    Front-end Developer
    В родительском компоненте, заведи метод на тогл активности, в котором в дату запихни ключ нажатого элемента списка, за тем через условие которое будет сверять ключ из даты и ключ айтема, вешай нужный класс, так ты получишь вариант, при котором у тебя единожды будет открыт лишь один айтем.
    Ответ написан
    Комментировать
    Комментировать

  • Получить координаты скролла VueJs?

    @Arge-dev
    Front-end Developer
    Создай кастомную директиву, в которой забинди функцию которая принимает директива к объекту на который ты директиву будешь вешать, потом, получаешь scrollTop, ну и от этого пляшешь.
    По созданию директивы можешь обратиться к документации vue, там изложен простой пример.
    Ответ написан
    Комментировать
    Комментировать