find с findIndex

Hi, can you help me?

Hi, can you help me?

??

??

where I can learn vue.js and gets some advices

where I can learn vue.js and gets some advices

https://vuejs.org/v2/guide/index.html

https://vuejs.org/v2/guide/index.html

Is it joke?

no

whats wrong?

为什么你说英语?

whats wrong?

О вы из англии

О вы русский

What's wrong *

очевидно

Бля не могу xcode такой тугой

Не люблю xcode.

Не люблю xcode.

А есть те кто любят

?

Ааа...

А есть те кто любят

Кто пишет под iOS, у них вариантов-то и нету

Кто пишет под iOS, у них вариантов-то и нету

Так и у меня

Но это не значит что нид любить

Грустно.

Логика русни нет выбора знач любим единственный

Но причём тут Xcode, господа, если мы здесь собрались во имя Эвана Ю и его творения, благослови его Торвальдс, Vue.js

Но причём тут Xcode, господа, если мы здесь собрались во имя Эвана Ю и его творения, благослови его Торвальдс, Vue.js

Нейтивскрипт

Есть ещё ранние наработки weex

Но я уже как-то писал тут соль

Не сыпь эту соль на рану.

Добрый день! Помогите пожалуйста с задачей, буду очень благодарен! постановка задачи: 1) Есть template <ul> <li v-bind:class="someClass">item01 <button v-on:click="somefunction">Toggle single class</button> </li> <li v-bind:class="someClass">item02 <button v-on:click="somefunction">Toggle single class</button> </li> <li v-bind:class="someClass">item03 <button v-on:click="somefunction">Toggle single class</button> </li> </ul> 2) есть скрипт для управления изменениями в истинностью классах export default { data(){ return { someClass: false } }, computed:{ somefunction(){ return this.someClass=!someClass; } } } 3. Есть стили <st yle> .someClass { background: red; } </style> 4. Описание проблемы - При клике на кнопку "Toggle single class for first item", я ожиданию, что ТОЛЬКО для <li v-bind:class="someClass">item01</li> появиться фон с красным цветом. Что я вижу - стили применяются ко все списку <li v-bind:class="someClass">item01</li> <li v-bind:class="someClass">item02</li> <li v-bind:class="someClass">item03</li> 5. Отсюда вытекает Вопрос - подскажите пожалуйста как сделать так, чтобы при клике на кнопку "Toggle single class for first item", применялся стиль только для данного айтема <li v-bind:class="someClass">item01</li>

Кто пишет под iOS, у них вариантов-то и нету

AppCode от Jet Brains - это разве не вариант?

AppCode от Jet Brains - это разве не вариант?

Хз, но я не слышал про iOS-dev на AppCode. В смысле, от тех, кто занимается iOS

Добрый день! Помогите пожалуйста с задачей, буду очень благодарен! постановка задачи: 1) Есть template <ul> <li v-bind:class="someClass">item01 <button v-on:click="somefunction">Toggle single class</button> </li> <li v-bind:class="someClass">item02 <button v-on:click="somefunction">Toggle single class</button> </li> <li v-bind:class="someClass">item03 <button v-on:click="somefunction">Toggle single class</button> </li> </ul> 2) есть скрипт для управления изменениями в истинностью классах export default { data(){ return { someClass: false } }, computed:{ somefunction(){ return this.someClass=!someClass; } } } 3. Есть стили <st yle> .someClass { background: red; } </style> 4. Описание проблемы - При клике на кнопку "Toggle single class for first item", я ожиданию, что ТОЛЬКО для <li v-bind:class="someClass">item01</li> появиться фон с красным цветом. Что я вижу - стили применяются ко все списку <li v-bind:class="someClass">item01</li> <li v-bind:class="someClass">item02</li> <li v-bind:class="someClass">item03</li> 5. Отсюда вытекает Вопрос - подскажите пожалуйста как сделать так, чтобы при клике на кнопку "Toggle single class for first item", применялся стиль только для данного айтема <li v-bind:class="someClass">item01</li>

Тебе нужно разобраться с документацие к Vue Она понятная. А еще, в первую очередь с js Если ты меняешь данные в сторе, то они меняются для всех компонентов, которые эти данные используют. Соответственно класс менятся для всех li в твоем случае. А еще у тебя вот здесь логическая ошибка somefunction(){ return this.someClass=!someClass; } someClass = undefined => !undefined = true т.е. у тебя эта функция всегда возвратит true

Тебе нужно разобраться с документацие к Vue Она понятная. А еще, в первую очередь с js Если ты меняешь данные в сторе, то они меняются для всех компонентов, которые эти данные используют. Соответственно класс менятся для всех li в твоем случае. А еще у тебя вот здесь логическая ошибка somefunction(){ return this.someClass=!someClass; } someClass = undefined => !undefined = true т.е. у тебя эта функция всегда возвратит true

Спасибо за ответ, Владимир! 1) насчет логической ошибки - исправил, недоглядел. 2) Документацию читал, но не нашел ответа. Моя главная задача изолировать li , чтобы при переключении классы применялись только к данному списку

Спасибо за ответ, Владимир! 1) насчет логической ошибки - исправил, недоглядел. 2) Документацию читал, но не нашел ответа. Моя главная задача изолировать li , чтобы при переключении классы применялись только к данному списку

если задача просто навешать класс родительской li то здесь может подойти джиквери стайл) А так можешь вынести ли в комонент и менять его стейт при клике на кнопку

Задача

вот такого характера

https://ru.stackoverflow.com/questions/742751/%D0%9F%D0%B5%D1%80%D0%B5%D0%BA%D0%BB%D1%8E%D1%87%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BA%D0%BB%D0%B0%D1%81%D1%81%D0%BE%D0%B2-%D0%B2-vue-js

:class="{ someClass: selectedItem === 1 }" :class="{ someClass: selectedItem === 2 }" :class="{ someClass: selectedItem === 3 }"

здесь же есть ответ

Вдруг кому - то понадобиться

:class="{ someClass: selectedItems.includes(1) }"

спасибо за помощь !:)

всем привет, может кто подсказать по такому вопросу: у меня есть js файл, в котором с помощью джава скрипта рендерится html, мне в этот js файл надо положить css, сама логика этого js используется в качестве миксина Vue. Вопрос в том, как правильно положить css?

Эээ. А что мешает этот css запинать в .vue?

Хотя чо это я. Дай больше инфы, что ты вообще пытаешься сделать

Эээ. А что мешает этот css запинать в .vue?

я хочу этот миксин использвать в разных компонентах(что логично) и не хочу в каждом новом компоненте подпихивать css. хочу чтобы миксин сам свой стиль подпихивал

Привет, у меня вопрос есть на тему разделения файлов из *.vue на scss template и html template, на что-то похожее в ангулар. Видел люди цсс импортят через @import в блоках <style></style> Как посоветуете делать с темплейтами хтмл? Может плагин какой? Или просто ваше видение разрешения проблемы?

я хочу этот миксин использвать в разных компонентах(что логично) и не хочу в каждом новом компоненте подпихивать css. хочу чтобы миксин сам свой стиль подпихивал

Эээ. А что вообще мешает сделать из него нормальный компонент? С разметкой, логикой и стилями? А то эьо лютое извращение во вью, занимающимся оптимальным рендером разметки генерить ее руками.

Эээ. А что вообще мешает сделать из него нормальный компонент? С разметкой, логикой и стилями? А то эьо лютое извращение во вью, занимающимся оптимальным рендером разметки генерить ее руками.

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

Привет, у меня вопрос есть на тему разделения файлов из *.vue на scss template и html template, на что-то похожее в ангулар. Видел люди цсс импортят через @import в блоках <style></style> Как посоветуете делать с темплейтами хтмл? Может плагин какой? Или просто ваше видение разрешения проблемы?

Почитай доку по однофайловым компонентам. Если не путаю, то для теплейиа пишется что-то типа src＝filename.pug

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

Тогда больше инфы. Но даже так не понятно, почему это нельзя заныкать в компонент. А где надо - подтягивать компонент

так нет смысла в компоненте, зачем тянуть Vue, если по факту там одна маленькая функция + немного стилей?

и примись хорошо работает, только стилей нет

вообщем наверное не буду дальше бест практис искать, сделал просто импорт в js файл и всё...

Привет. Может кто то сталкивалася. Как в bootstrap-vue повесить хэндлер на нативный эвент в таблице. Меня интересует mouseover и mouselaeave. Там в доке есть row-hover, но этого не хватает. Ну тоесть это все ясно, но как на каждый row в таблице повесить еще и mouseleave.

Привет. Может кто то сталкивалася. Как в bootstrap-vue повесить хэндлер на нативный эвент в таблице. Меня интересует mouseover и mouselaeave. Там в доке есть row-hover, но этого не хватает. Ну тоесть это все ясно, но как на каждый row в таблице повесить еще и mouseleave.

@mouseleave @mouseenter

можно промазать модификатором .native для надежности, но у меня и так пашет

@mouseleave @mouseenter

Это все окей, но куда весить.

на тот элемент, который ты хочешь слушать

tr, td

Народ, есть у кого нибудь ссылки на материалы или открытые проекты по использованию vue.js как библиотеки? больше интересуют различные хаки

Привет. Может кто то сталкивалася. Как в bootstrap-vue повесить хэндлер на нативный эвент в таблице. Меня интересует mouseover и mouselaeave. Там в доке есть row-hover, но этого не хватает. Ну тоесть это все ясно, но как на каждый row в таблице повесить еще и mouseleave.

там event передается в row-clicked - можно проверять элемент на aria-colindex по event.currentTarget

там event передается в row-clicked - можно проверять элемент на aria-colindex по event.currentTarget

там мне не надо clicked.

уточните за какие заки вы интересуетесь

там мне не надо clicked.

row-hovered есть

row-hovered есть

лив нужен. Ховер хорошо, но как отследить что эмлемент покинули

ну или в updated() повесить нативный хандлер

блин, чувак, а разметку для таблицы ты сам пишешь?

блин, чувак, а разметку для таблицы ты сам пишешь?

я ж говорю. boostrap-vue. Если бы не было его, проблемы бы не встало)

я ж говорю. boostrap-vue. Если бы не было его, проблемы бы не встало)

всегда по ref+ селекторам можно залезть в dom

так в updated() у тебя уже есть разметка - прошел повесил на табличку что надо

https://bootstrap-vue.js.org/docs/components/table вот тут пример как можно сделать все средствами бутстрап-вью

так в updated() у тебя уже есть разметка - прошел повесил на табличку что надо

ну чет это как то не красиво

всегда любил бутстрап )))

всем привет

возник вопрос. Есть api на ларавел и фронт на nuxt. Использую vuetify. Отправляю данные + файл на сервер, где лара сохраняет файл в свою папку public/uploads. API запущен на localhost:8000, а фронт localhost:3000. Какой путь прописывать на фронте чтобы фотку посмотреть?

возник вопрос. Есть api на ларавел и фронт на nuxt. Использую vuetify. Отправляю данные + файл на сервер, где лара сохраняет файл в свою папку public/uploads. API запущен на localhost:8000, а фронт localhost:3000. Какой путь прописывать на фронте чтобы фотку посмотреть?

по-хорошему вынести это надо в какой-нибудь .env (localhost:3000 и localhost:8000), потому что на проде, скорее всего, у них будут разные адреса, а не только порты

у меня в baseURL axiosa прописан адрес api

на проде поменяю на нормальный.

По идее, если пользователь загружает файл на сервер, то и путь надо указывать к файлу на сервере, там где лежат эти файлы..

что то типа <img src="localhost:8000/uploads/logos/companies/logo_1.svg" />??

Почитай доку по однофайловым компонентам. Если не путаю, то для теплейиа пишется что-то типа src＝filename.pug

Спасибо!

Timur по-моему в Nuxt.JS можно проксировать пути

Timur по-моему в Nuxt.JS можно проксировать пути

я не могу найти в доках

смотрю вот на это