метод жизненного цикла mounted ?

т.е. он срабатывает когда полностью все подгрузилось и картинки и стили ?

Так есть вставка в вдом и есть вставка в дом

как при событии window.onload

mounted это когда компонент вставлен в дом, а не когда все картинки загрузились, вью за это не отвечает

Но дождется ли прогрузку картинок?

Ну вот да

Вешай на ебучие картинки события

Обновляй флаги

еби всех флагами

И суп с флажком

и чекбоксами

))

я обычно такие события заворачиваю в промисс

потом через Promise.all() дожидаюсь изображений

ну promise где именно прописывать

?

в какой момент

ну

ща

https://gist.github.com/dimensi/5fd2552f5279515e84b0b90b9f0674db

вообще код waitImage можно легче написать, но что-то я хуйнул.

))) Спасибо, попробую

если изображений много или они циклом выводятся, то можно типо await Promise.all(this.$refs.images.map(waitImage))

@event="handler($event, arg1, arg2)" - $event - служебное обозначение пэйлоада

Спасибо!

Эх, жаль не ищут так по питону =( там только в офисе ...

Вопрос, есть кнопка: в зависимости от результата запроса, кнопка должна либо нажаться и выполнить действие или открыть confirm и после подтверждения выполнить. Как правильнее эту кнопку запихнуть в компоненты и загружать просто ту или иную кнопку, либо просто на методе кнопки сделать if(showConfirm).... ?

Вакансии на @javascript_jobs, @alexqem

Можно ли глобальный фильтр заюзать не через |, а через вызов метода?

подскажите, есть ли какой-то смысл в создании форм через тег <form> если у нас всем js управляет?

События, например сабмит по ентер

подскажите, есть ли какой-то смысл в создании форм через тег <form> если у нас всем js управляет?

почитайте про теги, их атрибуты, свойства и события, которые они генерируют в JS и вообще есть такая штука как HTMLElement https://developer.mozilla.org/ru/docs/Web/API/HTMLElement

Посмотри в network. Правильный ли адрес

Там сначала обычный адрес сервака, потом вообще что-то связанное с webpack и функцией require, и после этого путь, где лежать svg

всем привет. Подскажите как правильно реализовать компонент. Есть компонент BoardList и есть компонент ребенок BoardListItem. Компонент ребенок вызывает при различных действиях разные модалки. Их всего 4. Куда засунуть эти модалки? в сам компонент ребенок или вынести в один компонент типа BoardListModals, а потом оттуда их доставать?

а что модалки сильно отличаются? сделай один компонент модалки и в зависимости от пропса показывай что надо

модалки разные увы

щас пока просто положил их в BoardList

интересно что там может быть на столько разное что надо делать 4 по сути одинаковых компонента)

всем привет. Подскажите как правильно реализовать компонент. Есть компонент BoardList и есть компонент ребенок BoardListItem. Компонент ребенок вызывает при различных действиях разные модалки. Их всего 4. Куда засунуть эти модалки? в сам компонент ребенок или вынести в один компонент типа BoardListModals, а потом оттуда их доставать?

сделать одну нормальную модалку

на слотах

интересно что там может быть на столько разное что надо делать 4 по сути одинаковых компонента)

хотя кого я обманываю 3 из них одинаковые черт подери ?

сделать одну нормальную модалку

попробую

Вопрос, есть кнопка: в зависимости от результата запроса, кнопка должна либо нажаться и выполнить действие или открыть confirm и после подтверждения выполнить. Как правильнее эту кнопку запихнуть в компоненты и загружать просто ту или иную кнопку, либо просто на методе кнопки сделать if(showConfirm).... ?

а что насчет этого?

Вопрос, есть кнопка: в зависимости от результата запроса, кнопка должна либо нажаться и выполнить действие или открыть confirm и после подтверждения выполнить. Как правильнее эту кнопку запихнуть в компоненты и загружать просто ту или иную кнопку, либо просто на методе кнопки сделать if(showConfirm).... ?

Делают и так, и так, зависит от личных предпочтений и обстоятельств. Если эта кнопка больше нигде не используется, возможно не стоит пилить 2 лишних компонента, если используется- можно запилить. Но оба варианта имеют право на жизнь

Делают и так, и так, зависит от личных предпочтений и обстоятельств. Если эта кнопка больше нигде не используется, возможно не стоит пилить 2 лишних компонента, если используется- можно запилить. Но оба варианта имеют право на жизнь

только в одном месте используется

Но вообще мне кажется надо добавить немного самостоятельности в написание кода...

Уж такие-то вещи можно самому решить

Ну, вдруг есть какие-то ээ, требования красивостей для vue?

В доке есть официальный стайлгайд с набором бест практисес

И советами по оформлению кода

Hello world

Хелп

Хелп

url к svg отправь

Хелп

https://www.npmjs.com/package/vue-svg-loader

Все доброго. Чем отличается :model ot v-model?

https://www.npmjs.com/package/vue-svg-loader

Не подходит, это как компонент используется, мне нужно просто url указывать

url к svg отправь

Поподробнее

https://stackoverflow.com/questions/49575411/how-to-add-static-js-file-route-in-vue-cli-web-server/50679367#50679367

Все доброго. Чем отличается :model ot v-model?

тем что первое это v-bind

а второе директива

https://stackoverflow.com/questions/49575411/how-to-add-static-js-file-route-in-vue-cli-web-server/50679367#50679367

чет сложно

И че то не подходящее

Поподробнее

при подключение свг динамически формируется урл. и видимо девсервер не знает где взять ресурс. и надо научить сервера брать необходимый ресурс

а тот код к. отправлял добавляет девсерверу доп. роуты

ERROR: S client not available

к сожалению люди пишут на гитхабе так как, но видимо я что-то не понимаю и у меня не получается

Нужна настраиваемая маска на поле ввода, для ввода цен с разным количеством знаков после запятой. Кто что юзает для этого? Лучше чтобы это было в виде директивы.

всем привет. у меня стоит задача следующего характера. есть некий svg (который передается из бэкэнда и отредактировать его перед отправкой во фронт не имеется возможности) Мне нужно с ним взаимодействовать при определенных событиях. Можно ли как то взаимодействовать с классами элементов svg . например вот так я работаю ч помощью jq https://codepen.io/alexbio/pen/MBwJWa

всем привет. у меня стоит задача следующего характера. есть некий svg (который передается из бэкэнда и отредактировать его перед отправкой во фронт не имеется возможности) Мне нужно с ним взаимодействовать при определенных событиях. Можно ли как то взаимодействовать с классами элементов svg . например вот так я работаю ч помощью jq https://codepen.io/alexbio/pen/MBwJWa

svgjs pixi.js three.js Все что может работать с svg) Последние два больше чем svg, webGL графика, шейдеры, прочее)

спасибо, для дргуих моментов пригодится, но тут в большей степени просто нужно добавить класс при событии и для этого не хочется подключать другие либы, думал с помощью vue этот вопрос решить

спасибо, для дргуих моментов пригодится, но тут в большей степени просто нужно добавить класс при событии и для этого не хочется подключать другие либы, думал с помощью vue этот вопрос решить

vue тут то причем, он из коробки не работает с svg. Есть время, делаем свое решение под задачу. Нет времени или мало - берем стороннее api (svgjs к примеру). Рефакторинг/To Do: smth неизбежны))

Если ли разница в том, где подключать компоненты: Локально в компоненте или к экземпляру вуе?

vue тут то причем, он из коробки не работает с svg. Есть время, делаем свое решение под задачу. Нет времени или мало - берем стороннее api (svgjs к примеру). Рефакторинг/To Do: smth неизбежны))

vue притом что мне только класс надо добавить/удалить, возможно ли это сделать без jq

Если ли разница в том, где подключать компоненты: Локально в компоненте или к экземпляру вуе?

Все гости сидят в прихожей, или разбрелись по комнатам ... подойдет такая аналогия ?

vue притом что мне только класс надо добавить/удалить, возможно ли это сделать без jq

Не понял, вы css класс добавить могете в jq, во vue не могете?

спасибо, для дргуих моментов пригодится, но тут в большей степени просто нужно добавить класс при событии и для этого не хочется подключать другие либы, думал с помощью vue этот вопрос решить

Svg это xml, можно вставить в элемент через innerHtml, директива v-html помойму и вешать на родителя css классы

vue притом что мне только класс надо добавить/удалить, возможно ли это сделать без jq

https://ru.vuejs.org/v2/guide/class-and-style.html#ad

Но. этот props должен быть реактивным, а для этого его нужно задать в родителе через data

Если тебе нужно менять пришедшие от родителя данные внутри компонента, то в data инизиализирую пустые переменные и в created назначь им значения из пропсов. Но при этом если ты хочешь чтобы в родители они тоже менялись, тебе нужно эмитить событие изменения.

как вам? https://markojs.com/

)

Но. этот props должен быть реактивным, а для этого его нужно задать в родителе через data

А вообще пропсы реактивные. Если они меняются у родителя - меняются и у потомка

https://ru.vuejs.org/v2/guide/class-and-style.html#ad

тут ни где не написано как добавить класс если нет директивы

Марко сырой и в реальном мире в 2 раза быстрее

Ни у кого с разделением кода в ie11 проблем не было? ie11 выдает ошибку на class в файле 0.js. Поставил babel-plugin-syntax-dynamic-import, добавил его в .babelrc "plugins": ["syntax-dynamic-import", "transform-vue-jsx", "transform-runtime"]

тут ни где не написано как добавить класс если нет директивы

никак. так работают с вью

В этом и смысл, ты определяешь какое-то условие и используешь это в директиве

Ну а что делать если мне от сервера пришел html я его добавляю в элемент, как мне работать с этим html который пришел от сервера (редактировать его нет возможности)

Ну а что делать если мне от сервера пришел html я его добавляю в элемент, как мне работать с этим html который пришел от сервера (редактировать его нет возможности)

Попробуйте работать не с HTML, а с JSON, который приходит от сервера. А если кровь из носа надо работать с HTML, работайте как обычно. querySelector и classList никто не отменял

какие виды тестов нужно проводить при тестировании кода? знаю только про unit

Ну а что делать если мне от сервера пришел html я его добавляю в элемент, как мне работать с этим html который пришел от сервера (редактировать его нет возможности)

Через рефс? И уже чистый js использовать.

@bienio Загружаешь html, библиотекой например axios, ответ приходит как строка, далее в этой строке заменяешь что тебе нужно через string.replace далее биндишь ее на поле данных компонента которое биндится в директиву html

... <template><div v-html="htmlData"></div></template> ... mounted () { axios.get('site/component.html).then(v => this.htmlData = v.data.replace('a', 'b')) }

и не забыть объявить динамические свойства ... export default { ... data: () => ({htmlData: ''}) }

@bienio А затем почитать https://vuejs.org/v2/api/

Про интерфейс компонента Vue