Фронт изучать с vanilaJS

Я такой фокус с мобилкой проворачивал

Ща покажу

Конкретной цели нет просто выбрал мне показалось gulp получше

function isMobile() { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) } Vue.mixin({ data() { return { mobile: isMobile(), } }, mounted() { window.addEventListener('resize', () => this.mobile = isMobile()) } }) new Vue({ render: h => h(App), }).$mount('#app')

Фронт изучать с vanilaJS

можно в личку на пару вопросов?

тут флуд

Конкретной цели нет просто выбрал мне показалось gulp получше

Берешь vue-cli и не паришься

го

Конкретной цели нет просто выбрал мне показалось gulp получше

Берешь vue-cli и не паришься

Не так не пойдет

/help@GroupButler_bot

/help@GroupButler_bot

/help@GroupButler_bot

там даже JS свой

Блин

Представляете, js код в котором все переменные поименованы иероглифами?

Эт понятно

1china

ChinaScript, тогда уж

Делает все, но хреново

как подключить lodash в эту структуру? подключал черещ импорт и юзе, но не выводится компонент тогда почему то.

в examplecomponent сделай import _ from 'lodash'

в каждый компонент нужно будет импортить? глобально нельзя?

window._ = require('lodash')

Подскажите пожалуйста, кто-то юзал vuelidate для валидации?

Почему-то сразу при открытии страницы вылазят ошибки Сделал как в мануале

https://pastebin.com/6PFwAhLj

Что я делаю не так?

Там есть поле нечто вроде "touched"?

A flag representing if the field under validation was touched by the user at least once. Usually it is used to decide if the message is supposed to be displayed to the end user. Flag is managed manually. You have to use $touch and $reset methods to manipulate it. The $dirty flag is considered true if given model was $touched or all of it's children are $dirty.

:state="$v.form.email.$dirty && !$v.form.email.$invalid" попробуй

Не помогло(

я повесил @input="!$v.form.email.$touch()"

Но тоже не помогает

Ребзи, если я так в массив запушу итемы, он останется же реактивным? this.myObjs.forEach(item => { this.selectsArr.push(false) })

в дата selectsArr: []

:state="$v.form.email.$dirty ? !$v.form.email.$invalid : null" Вот так работает

Ну да, логично. Хотел ведь предложить :state="!$v.form.email.$dirty || !$v.form.email.$invalid"

Спасибо за помощь)

Я в redux-form просто на такое буквально на неделе натыкался

Там это поле touched и его надо учитывать перед тем как выводить ошибку

Заметь что если ты напишешь что-нибудь, а потом удалишь, у тебя опять будет ошибка на пустом поле

Если хочешь этого избежать, тебе ещё и value надо проверять что оно не пустое

Ребзи, если я так в массив запушу итемы, он останется же реактивным? this.myObjs.forEach(item => { this.selectsArr.push(false) })

Да, останется

Кто-нибудь подскажет способы проверки пустой массив в дате или нет? Я сейчас использую template v-if/ template v-else. Дата аксиосом берётся из апи.

Возможно есть другие способы

А в чем проблема такого способа?

Проблем нет :) просто хочу узнать, есть ли другие способы

Ну иф-то у тебя по любому останется

Хотя там смотря что именно ты выводишь по условию

Можешь компутед сделать, чтоб удобнее было

Ну там удобство условное очень конечно получится. Считай вместо v-if="arr.length" будет v-if="arrFilled"

Может еще и по логике приложения подскажите) У меня в одном приложении ЛК для пользователей и ЛК для админов, у админов еще есть свои страницы, адекватно ли в таком случае показывать страницы только есть v-if="role_id==1" ?

role_id лежит в Vuex и получается при авторизации

Тут вот точно лучше геттер запилить в vuex

А лучше даже отделить эти страницы и получать их динамически при необходимости

Лучше куда-нибудь в миддлвеер, и там проверять

https://gist.github.com/hfalucas/60cb40c62e2e13e6c797f4887e43c8f6 для примера

Благодарю

Ток компонент админки динамически подгружать

component: () => import('./components/admin-component.vue')

Понял)

Господа подскажите пожалуйста, как мне в компоненте сделать вставку жс карты яндекса ?

добавить <script> через createElement

В mounted хуке, например

сейчас посмотрю

просто смысл, то в том что код имеет вид <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3AckNBJekTxTEcFNkXjxKY26IPUXRnG3lG&width=100%25&height=450&lang=ru_RU&scroll=true"></script> А вуй ну никак не хочет

Смотри

Вуй всю эту строку переварить не может, пробовать как v-html но тоже нет

template: <div id="map"></div> mounted() { let s = document.createElement('script') s.src='https://api-maps.......' s.async=true document.getElementByID('map').appendChild(s) }

Тьфу, ток его в хед пихать надо

Ну принцип ты понял

да спасибо огромное

И вообще https://github.com/PNKBizz/vue-yandex-map

Тьфу, ток его в хед пихать надо

Не обязательно в хэд

Я не уверен даже что он отработает, если его в хэд засунуть