Как использовать @can для доступа к элементам шаблона VUE?

При заходе в роут вы должны получить права из backend передать на view.

Т.е. в переменную во VUE записываем код права доступа и через v-if проверяем? Типа:

<span v-if="prava='CAN_VIEW_MENU'">
меню
</span>

Так? А в контроллере в ларавеле этот код передаем после проверки.

Как использовать @can для доступа к элементам шаблона VUE?

С роутингом вью пытался раньше разобраться - не вышло. Хотя он мне не особо и нужен был. А что касается первого варианта с ларавелей - это же фактическое ограничение прав? Фактически я права в контроллерах и роутах ограничиваю, мне бы еще из шаблонов ненужное скрыть

Как использовать @can для доступа к элементам шаблона VUE?

shmatuan, я из blade шаблона Laravel переношу во VUE. Там придумана специальная директива @can, которая проверяет есть ли права у пользователя, чтобы видеть кусок html кода (если, конечно прописаны права доступа в AuthServicesProvider)

Как синхронно отрисовать v-for внутри модального окна?

В итоге так и сделал) Выгружаю списки с родителя, а измененные данные передаю наверх и там меняю массив. Просто не знал, что так можно делать. Сейчас работает идеально, реактивно, никаких задержек. Спасибо!

Как синхронно отрисовать v-for внутри модального окна?

Кстати это идея! У меня была проблема со стилями (они изменялись при подгрузке данных с сервера), но с вашим вариантом (изменению у родителя сразу) - стили тоже должны изменяться реактивно т.к. подгрузка не нужна

Как синхронно отрисовать v-for внутри модального окна?

Evgeny Kulakov, Компонент модалки точно создавался и уничтожался (я наблюдал в devtools). Других не было. Я думаю здесь проблема была в получении данных с сервера. У меня теги бутстрапа выгружаются с бд и vue наверное показывал старые серверные данные в процессе получения новых (а запрашивались они в момент открытия модалки)

Как синхронно отрисовать v-for внутри модального окна?

Создам новый вопрос на верстку модалки т.к. совсем не понимаю как реализовать)

Как синхронно отрисовать v-for внутри модального окна?

Евгений, по поводу v-if - сам не понимаю. Я вижу через vue devtools, что v-if создает и уничтожает модалку каждый раз, но по какой-то причине оставалась отрисовка списков с предыдущей модалки. Я такое во VUE неоднократно замечал в разных вариантах. Если стили меняются на основании данных с сервера, то могут быть коллизии (я иногда делал 2 запроса к серверу подряд, чтобы точно отрисовать стили на основании обновлянных данных). Сейчас такого нет т.к. модалка отрисовывается вместе со стилями только когда данные точно и целиком пришли с сервера

Как синхронно отрисовать v-for внутри модального окна?

На данный момент полностью решил проблему тем, что ответ activ = true присылается с сервера вместе со списками)) Это собственно устранило проблему данного вопроса (как синхронизировать модалку и списки) - они теперь появляются синхронно, но появилась другая проблема - о которой сразу не догадался - задержка при открытии модалки.. Поэтому наверное данный вариант не совсем нравится..

Евгений - у меня в точности как у вас в коде (т.е. актив и у модалки и у кнопки).
Сергей - замаскировать это отличная идея. Только я в верстке не особо разбираюсь (на уровне бутстрап). Как лучше скрыть появление боди у модалки? И что делать с ее изменяющейся высотой?

Как синхронно отрисовать v-for внутри модального окна?

1. Если передаю готовый список с родительского тогда происходит скачок перерендера стилей. Было название списка серого цвета и на глазах стало синего. Vue запоминает данные с предыдущей отрисовки, а цвет списков у меня меняется при щелчках мыши. Т.е. раньше v-for отрисовывались, а будут отрисовываться стили к этим v-for - разницы никакой теже визуальные скачки.

2. Так у меня в примере - внутри модалки дополнительно стоит v-show="active". Также я ставил еще тритий раз на списки v-show - не влияет. И свойство activ устанавливал отдельным методом, запускаемым уже после метода заобра списков + очищал кеш браузера - не влияет.

Как показать ошибки в Vue от Laravel Request?

После некоторых манипуляций с циклом (танцев с бубном) сообщения вывелись. Алексей, спасибо)

В итоге я использовал:

1) Обращаемся к массиву errors в массиве errors (там прибавил errors в конце, чтобы цикл правильно искал):

.catch((error)=> {
                        this.errors  = error.response.data.errors;
                        });

И через цикл выводим:

<div v-if="errors" v-for="category in errors">
                <div class="m-alert m-alert--outline alert alert-danger alert-dismissible" role="alert" v-for="error in category">
                  <span>{{ error }}</span>
                </div>
              </div>

Как показать ошибки в Vue от Laravel Request?

Ааа.. понял) т.е. и без контроллера должно работать как вы пишете. Сейчас попробую

Как показать ошибки в Vue от Laravel Request?

Да-да-да. Приходит 422 и сообщения в консоли. Типа:

{message: "The given data was invalid.", errors: {…}}
errors:
name: ["Такое имя уже существует"]
__proto__: Object

Вызываю их командой:

.catch(function (error) {
                      console.log(error.response.data);
                    });

Я как раз не понимаю, как его парсить (я только изучаю это все). Не могу получить дату обычным методом типа this.data=error.response.data только в консоли ссобщением

Как показать ошибки в Vue от Laravel Request?

В контроллере вы валидируете данные,

Мое сообщение:

В интернете нашел много вариантов с валидацией в контроллере и записью ошибок в json, но я бы не хотел в контроллерах устраивать валидации, когда есть отдельный файл для валидации с сообщениями об ошибках в глобальной переменной от Laravel errors (т.е. как в моем примере). Как сообщения из errors получить в VUE?

Я использую валидацию отдельным файлом, который создается командой php artisan make:request
laravel.su/docs/5.0/validation#form-request-validation

Как показать ошибки в Vue от Laravel Request?

Алексей, с валидацией в контроллере все понятно) Как получить errors, если использую отдельный файл для проверки реквеста от Ларавель?

Можно ли скрыть Json файлы Laravel/Vue?

Понял. Значит нужно разбираться с этим рендерингом неизвестным) спасибо

Можно ли скрыть Json файлы Laravel/Vue?

Т.е. если это нельзя отключить, любой сможет взять ссылку json запроса, вставить в postman и как в dd($zapros) видеть полное содержание массива данных. Когда передаем в blade-шаблон массив в переменной, то эти данные недоступны пользователю, а в Vue все показывается. Просто многие вещи (те же id пользователя, коунты и т.д.) участвуют в логиках v-if, получается в blade можно передавать весь массив, а в vue нельзя, что вряд ли

Можно ли скрыть Json файлы Laravel/Vue?

В панели разработчика в хроме на вкладке Network перечисляются все запросы к серверу на каждый можно щелкнуть, увидеть все содержимое (со всеми id вспомогатиельными withcount-ами и тд). Все ссылки которые делаю типа /json/lists/${list_id} все отображаются в панели. Думаю, может это из-за локалхоста либо настройка какая-то включена в ларавель, что они все отображают.

Можно ли скрыть Json файлы Laravel/Vue?

Для постмана нужно ссылку получить или ее можно узнать даже если файлов json нет? Но все равно - как на других сайтах json не отображается? Или отображается, но вообще без переменных. Например https://igooods.ru/products?category_id=1-ovoschi-... товары в цикле, а никаких раскрытий id в файлах нет (да и самих файлов не нашел). Может быть такое, что у меня включен vue dev tools и я на локалхост, может панель разработчика гугла это понимает и показываем запросы к серверу в виде файлов по которым можно щелкать?

Можно ли скрыть Json файлы Laravel/Vue?

Как правильно работать с фронтом? Я не вижу json на других сайтах, а у себя вижу поэтому хочу понять что я делаю не так