сорян конечно. я тут не главный. но это чатих по Vue, а не основам Html.

Это html-атрибут, который можно добавить к любому элементу и контент внутри него можно будет редактировать просто по клику, как в форме. Вешаешь прослушку инпута на такой элемент, а потом через v-html рендеришь куда надо. Но тут поколдовать надо

а что это

Пробовал юзать директиву v-html

уже юзаю, не помогает

Бросаю свой код. Он в моем проекте работает

<template> <span v-if="asHtml" :style="gutterStyle" v-html="text"></span> <span v-else :style="gutterStyle">{{text}}</span> </template> <script> export default { name: 'UserTextGutter', props: { text: { type: String, required: true }, whiteSpaceValue: { type: String, default: 'pre-line' }, asHtml: { type: Boolean, default: false } }, data () { return { gutterStyle: { whiteSpace: this.whiteSpaceValue } }; } }; </script>

а почему так сложно

Короче. V-html превращает сырой хтмл в отрендеренный. Но этот сырой тебе нужно откуда-то взять. Его можно тупо из модели твоего <textarea/> вытащить. И передать в v-html

ну да так и есть, но это не работает

а почему так сложно

Мне поначалу було сложно. Уже привык все дробить на мелкие компоненти, это правельный подход

кажись ему надо в textarea html вывести. а не наоборот.

Скорее не не работает, а ты что-то делаешь не так. Нужна конкретика, лей куда-нибудь код и скидывай сюда. Так всем будет проще тебе помочь

<textarea v-html="report.minuses" class="report-field__comment"></textarea>

report.minuses тут обычный текс с такими \n знаками

он в textarea пытается в html вывести

<textarea v-html="report.minuses" class="report-field__comment"></textarea>

Такое и не заработает.

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

<template> <textarea v-model="content"></textarea> </template> <script> export default { name: 'Lalala', data() { return { content: 'Lalala <br> <br>' } } } </script>

как реализуется read more?т.е если текста больше чем сам див, то при нажатии у нас блок расширяется

<template> <textarea v-model="content"></textarea> </template> <script> export default { name: 'Lalala', data() { return { content: 'Lalala <br> <br>' } } } </script>

<div v-html=“content”></div> ещё, чтобы отрендерить куда-то, не?

а он не говорил что ему кудато надо отрендерить)

можно spot юзать

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

поприятнее будет

Маленький оффтоп: как под код форматировать текст?

```

обрами

если 1 строка, то просто в ` оберни

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

Можно разделять строку (const splitByStartTag = this.sanitizeMessage().split(this.codifyStartTag);) - например так ы выводить в цыкле\

парни, у меня вопрос по jquery chosen, как бы это не звучало есть селект, выглядит примерно так <select v-model="select"> <option :value="select">{{select}}</option> </select>

но по сразу не выбирает этот опшн

в чем может быть проблема?

O-O.а где v-for для option?

там ниже еще

но мне нужно, чтоб по дефолту бралось значение

Причем тогда jquery chosen? Все эти dropdowns можно узять например с vue-bootstrap. Или я чет не понял

я всего лишь рабочий, делаю как скажут)

просто в проекте уже используется, вот говорят его юзать

А что тогда пихать jquery во vue ? Посмотри как устроено это https://bootstrap-vue.js.org/docs/components/form-select - может на гитхабе код єтого компонента поможет

просто в проекте уже используется, вот говорят его юзать

Жаль что так. Это очень плохая практика, у меня было похожее, но я все таки "уговорил" на vue-bootstrap

Привет, можно ли слушать несколько событий на $on?

очевидно же, что да

Жаль что так. Это очень плохая практика, у меня было похожее, но я все таки "уговорил" на vue-bootstrap

мне лично по ux нравится селекты у element-ui

мне лично по ux нравится селекты у element-ui

Видел. Да хорошие компоненти, как раз думал на следующем проекте попробовать, сейчас vue-bootstrap не буду смешивать

Видел. Да хорошие компоненти, как раз думал на следующем проекте попробовать, сейчас vue-bootstrap не буду смешивать

В нем есть нормальный селект с поиском, чем собственно является chosen? Не нашел в доках сейчас

В нем есть нормальный селект с поиском, чем собственно является chosen? Не нашел в доках сейчас

Не искал. Спросите Znacovean Simion

В нем есть нормальный селект с поиском, чем собственно является chosen? Не нашел в доках сейчас

Можно попробовать такой крутой компонент vue-multiselect - там есть всевозможные селекты

посмотрите разновидности емаё..мне их либа заменила 70% компонентов на проекте)

сразу видно - менеджер из типографии)

сразу видно - менеджер из типографии)

Хахаха

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

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

реактивные

реактивные

благодарю

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

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

второе

для простого фронта тс не нужен. имхо

от бейбла тоже стоит отказаться?

он нужен и есть в комплекте с vue-cli

ок

Лучше сразу тс, тем более после шарпа

Автор шарпа и тс - один человек

еще бы вью с тс работал как нужно

ERROR: S client not available

и было бы обоснованно

еще бы вью с тс работал как нужно

Define "как нужно".

еще бы вью с тс работал как нужно

Ну хоть так...

Define "как нужно".

Пропсы и вьюкс задефайните ? И миксины еще

приветствую всех! Подскажите, если во vuex используются модули со своим пространством имен, есть доступ к мутациям из другого пространства имен?

по аналогии с rootState, rootGetters

Пропсы и вьюкс задефайните ? И миксины еще

Выкидываешь шаблоны, эвенты, вьюкс и тогда можно начать думать о типизации.

Выкидываешь шаблоны, эвенты, вьюкс и тогда можно начать думать о типизации.

как дела с "флоу" для шаблонов? сколько можно терпеть, или ты забил на это дело?

commit('someMutation', null, { root: true })

как дела с "флоу" для шаблонов? сколько можно терпеть, или ты забил на это дело?

Никак. Забил. Вью - динамическое говно.

по аналогии с rootState, rootGetters

только так commit('someMutation', null, { root: true })

Никак. Забил. Вью - динамическое говно.

?

приветствую всех! Подскажите, если во vuex используются модули со своим пространством имен, есть доступ к мутациям из другого пространства имен?

Пр умолчанию у них глоб. пространство имен

Аа. Не дочитал. )

Пр умолчанию у них глоб. пространство имен

совсем же нет

а хотя че это я туплю, мне нужно всего-лишь переменную изменить в другом пространстве имен. Тут просто доступ к стейту из мутации нужен

совсем же нет

По умолчанию namespaced= false

Но это к вопросу не относиться, да

Всем привет, есть +/- какие-то адекватные курсы (возможно платные) по vue?

Пропсы и вьюкс задефайните ? И миксины еще

Пропсы, кстати, через tsx тайпчекаются

Пропсы, кстати, через tsx тайпчекаются

О, можно ссылку?

О, можно ссылку?

Ох, щас поищу

я думаю сначала начну просто копипастом жс узать, потом на тс буду смотреть

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

спасибо

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

Понял, больше не буду)

О, можно ссылку?

Там даже картиночки есть https://github.com/thundernet8/Vue-TSX-Helper

всем привет, такой вопрос, можно сделать глубокий вотчер на vuex

я гуглю и что-то ничего не понимаю