<div id="example-1"> <label @click="show = !show"> Переключить рендеринг </label> <transition name="slide-fade"> <p v-if="show"><label>чето умное</label></p> <p v-else><textarea placeholder="коммент">dfgdfsdf</textarea></p> </transition> </div> <script> new Vue({ el: '#example-1', data: { show: true } }) </script> сделал, только чето не понял а как сделать чтобы это все работало без дополнительного лэйбла ?

ну у меня получается что я на верхнем лэйбле кликаю а внизу меняется второй лэйбл на текстареа и обратно

Ну так может клик повесить на эти элементы?

блин точно , я думал не сработает

блин а почему в текстареа текст не ввобдится

?

Может потому что через v-text его передавать, если он из модели берется

а если я хочу его потом редактировать и отправлять как нибудь асинхронно на сервер то это сработает ?

Если ты хочешь что-то редактировать и отправлять, то в любом случае не надо хардкодить

Через v-model свяжи текст со своей data и пиши

аа онял спасибо , попобую сделать

Всем доброго времени суток. Ребят, а как в слот передать класс? Передаю в слот h3 заголовок с классом и на выхлопе он обрезается.

кто-то знает как можно определить глобальные переменные препроцессора в вью

я в layout подключаю файл с переменными но его не видно с других файлов

Может у тебя к style дописан scoped?

именно )

Народ, есть возможность на js автоматом определить кодировку строки?

vscode ?

Да

Но при чем тут он?

Эмм, я просто подумал, тебе для js файлов автоматом

не, кароче не правильно понял, ахха

Есть вот на ноде https://github.com/aadsm/jschardet Но она криво определяет

На кирилицу пишет ascii и говорит что инфа сотка)

Скажите а в чем сейчас ошибка ? Я хочу чтобы при наведении указателя мыши на лэйбл он менялся на textarea а когда указатель мыши уходил с textarea он превращался в label ? <div id="example-1"> <transition name="slide-fade"> <p v-if="show"><label @onmouseover="show=!show">чето умное</label></p> <p v-else><textarea @onmouseout="show" placeholder="коммент" v-model="comment">{{comment}}</textarea></p> </transition> </div> <script> new Vue({ el: '#example-1', data: { show: true, comment:'test' } }) </script>

кто-то знает как можно определить глобальные переменные препроцессора в вью

https://vue-loader.vuejs.org/ru/configurations/pre-processors.html#загрузка-глобального-файла-настроек

Жесть какая)

https://vue-loader.vuejs.org/ru/configurations/pre-processors.html#загрузка-глобального-файла-настроек

спасибо

Скажите а в чем сейчас ошибка ? Я хочу чтобы при наведении указателя мыши на лэйбл он менялся на textarea а когда указатель мыши уходил с textarea он превращался в label ? <div id="example-1"> <transition name="slide-fade"> <p v-if="show"><label @onmouseover="show=!show">чето умное</label></p> <p v-else><textarea @onmouseout="show" placeholder="коммент" v-model="comment">{{comment}}</textarea></p> </transition> </div> <script> new Vue({ el: '#example-1', data: { show: true, comment:'test' } }) </script>

твой код невозможно читать

глянь как нужно в телег отправлять код

хорошо сейчас в пастертбин закину :)

Скажите а в чем сейчас ошибка ? Я хочу чтобы при наведении указателя мыши на лэйбл он менялся на textarea а когда указатель мыши уходил с textarea он превращался в label ? <div id="example-1"> <transition name="slide-fade"> <p v-if="show"><label @onmouseover="show=!show">чето умное</label></p> <p v-else><textarea @onmouseout="show" placeholder="коммент" v-model="comment">{{comment}}</textarea></p> </transition> </div> <script> new Vue({ el: '#example-1', data: { show: true, comment:'test' } }) </script>

Дарю тебе `

Чтоб вот так делал?

эмм а что это даст ? Просто я не понял как это использовать ?

гугл чувак

https://pastebin.com/YwGG779Hhttps://pastebin.com/YwGG779H

сюда залил

Скажите а в чем сейчас ошибка ? Я хочу чтобы при наведении указателя мыши на лэйбл он менялся на textarea а когда указатель мыши уходил с textarea он превращался в label ? <div id="example-1"> <transition name="slide-fade"> <p v-if="show"><label @onmouseover="show=!show">чето умное</label></p> <p v-else><textarea @onmouseout="show" placeholder="коммент" v-model="comment">{{comment}}</textarea></p> </transition> </div> <script> new Vue({ el: '#example-1', data: { show: true, comment:'test' } }) </script>

событие правильно написано?

Народ, есть возможность на js автоматом определить кодировку строки?

Тебе нужно только определить или сконвертировать в определённую?

Да хотя бы определить что там

https://pastebin.com/YwGG779Hhttps://pastebin.com/YwGG779H

залей плз на https://jsfiddle.net/

@c01nd01r а есть идеи?

@dot99Ok не благодари https://jsfiddle.net/hf0qtorh/

все понял спасибо всем огромное :)

@c01nd01r а есть идеи?

Ну детектить на фронте тяжеловато будет, чтоб держать таблицы символов разный кодировок, а перегнать одну в другую, на небольшом объеме данных можно

Ну детектить на фронте тяжеловато будет, чтоб держать таблицы символов разный кодировок, а перегнать одну в другую, на небольшом объеме данных можно

Да мне не на фронте. На беке это сделать не легче

Да мне не на фронте. На беке это сделать не легче

А, ну так iconv

Так он из одной кодировки в другую переводит. Кодировки заранее известны. А мне строка может прилететь в какой угодно кодировке

почитал "Полная цепочка обработки навигации" во vue-router, но не понял что срабатывает быстрее, beforeEach или redirect?

Вот мне её и надо определить

Вот мне её и надо определить

А бэк на чем?

Нода

почитал "Полная цепочка обработки навигации" во vue-router, но не понял что срабатывает быстрее, beforeEach или redirect?

Сторожевые хуки к редиректам не применяются. Вот можно на примере поиграться подробнее — https://github.com/vuejs/vue-router/blob/dev/examples/redirect/app.js

Все не используют точку с запятой?

Не использую

https://standardjs.com/

Хотя вот у всех стандарты разные)

Используем. Airbnb

https://standardjs.com/

да вот я и читаю

https://standardjs.com/

>no semicolons дальше не читал

>no semicolons дальше не читал

молодец)

>no semicolons дальше не читал

https://github.com/Flet/semistandard

ERROR: S client not available

>no semicolons дальше не читал

а зря http://inimino.org/~inimino/blog/javascript_semicolons

но, имхо, проще заэкстендить standard, дописав под себя правило для ;

Для чего они нужны? Бывают случаи когда без них никак, в том же цикле for. А в остальном это атавизм. ИМХО

с return еще надо не дать маху

но, имхо, проще заэкстендить standard, дописав под себя правило для ;

зачем вам точка с запятой?

зачем вам точка с запятой?

дело вкуса. личные предпочтения и т.п.

с return еще надо не дать маху

function foo (n) { if (n > 0) return 'more' else if (n === 0) return 'equals' return 'less' } console.log(foo(-1)) всё работает как надо

function foo (n) { if (n > 0) return 'more' else if (n === 0) return 'equals' return 'less' } console.log(foo(-1)) всё работает как надо

я про скобки и новую стороку после ключевого слова

@apmyp0 ESLint по тебе плачет)

че-ж плачет-то, просто надо запомнить этот момент да и всё

Подскажите какой нибудь путный компонент для того чтобы таскать див по родительскому диву.

dropndrow ?

dropndrow ?

Не панимать. Ну альтернативу обычному https://jqueryui.com/draggable/ только чтобы нормально с vue интегрировалось

Ребят посовейтуйте хорошую либу на вью для отрисовки графиков/статистики/чартов? На awesome-vue чето ниче путёвого не вижу.

чуваки, vuex в мутациях сколько параметров может быть? два? state и payload или больше?

Ребят посовейтуйте хорошую либу на вью для отрисовки графиков/статистики/чартов? На awesome-vue чето ниче путёвого не вижу.

Берёшь либу для графиков, которая тебе подходит и делаешь вокруг неё vue компонент

Сколько угодно

в объект засовывай)

нет, мне нужен ответ именно на мой вопрос

нет, мне нужен ответ именно на мой вопрос

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

А есть какой-нибудь очередной стандарт для линтера, но чтобы с comma-first style? И чтобы разрешал выравнивать величины a-la пикрилейтед

Я конечно понимаю, что стандартный не очень красивый код, но хочется стандартный и красивый для своих в-стол-проектов

https://eslint.org/docs/rules/comma-style

@galadamor Спасибо, тоже уже нашел эту ссылку. Но это же самому надо их конфигурить, придется наверное заняться этим тяжким делом.

Так в этом же и смысл линтера, что он подлежит конфигурированию

Обычно под себя пилится конфиг и заливается на гитхаб

Можешь поискать там, но проще самому напилить

@galadamor Оке, так и поступлю.

https://github.com/search?utf8=%E2%9C%93&q=.eslintrc&type=