Demetrio
Там даже было про то, что бекенд на питоне уже написан...
Andrii
Уважаемые! Добрый вечер! Как сделать
$('body').append($('<section class="main-section"></section>'));
только на Vue и без jQuery?
document.body.appendChild(document.createElement(&#39;p&#39;))
Kosmos
Есть у меня приложение: vue2, vue-router, vuex, всё включено. Настало время прикрутить туда аутентификацию, причем приложение, по сути, админка - поэтому без аутентификации вообще никого никуда пускать не надо и кидать на аутентификацию обратно.
Как это решается?
не знаю как можно прочитать вот это твое сообщение по другом.
Demetrio
Ну понятно :)
Roman
document.body.appendChild(document.createElement(&#39;p&#39;))
ходят слухи что так делать не стоит https://github.com/vuejs/vue/issues/4372
Valeriy
Выходит я хочу невозможного господа?
Roman
Vue won&#39;t throw away what you appended on re-renders... so technically you can do what you wanted, just not recommended.
но почему не рекомендуется, не понимаю
Kosmos
@b0g3r Здесь ответ на твой вопрос. https://router.vuejs.org/en/advanced/navigation-guards.html
Valeriy
А что ты хочешь вообще?
$(&#39;body&#39;).append($(&#39;&lt;section class=&quot;main-section&quot;&gt;&lt;/section&gt;&#39;));
только на Vue и без jQuery. И что бы ненужно было отдельный компонент создавать
Demetrio
dmi
кстати в таком случае придётся создавать background элемент динамично в document.body, но Vue насколько я понимаю не позволяет изменять шаблон после компиляции
ты создаешь компонент. в котором див с position absolute
Roman
dmi
кстати в таком случае придётся создавать background элемент динамично в document.body, но Vue насколько я понимаю не позволяет изменять шаблон после компиляции
и делаешь v-if=&quot;show&quot;
Roman
ты создаешь компонент. в котором див с position absolute
не поможет, если &lt;context-menu&gt; компонент находится внутри элемента у которого position: relative
dmi
он у тебя будет в этом же компоненте
dmi
сделай fixed
dmi
и top:0; left: 0.......
Slava
$(&#39;body&#39;).append($(&#39;&lt;section class=&quot;main-section&quot;&gt;&lt;/section&gt;&#39;));
только на Vue и без jQuery. И что бы ненужно было отдельный компонент создавать
Так расскажи, что у тебя за контекст. и чем не устраивает в-иф, в-шоу, как уже предложили.
dmi
z-index еще )
dmi
и всё полетит )
smile
нельзя кстати в таком случае по координатам выстрелить виртуальный клик?
ask google: click outside
Andrii
Вот про аппенд еще есть решение
https://jsfiddle.net/pu8pp62v/3/
Stanislav
ребят, как воплотить кастомное контекстное меню таким образом чтоб оно закрывалось в случае любых интеракций вне него. Т.е. по сути оно должно украсть у всего и вся фокус и сконцентрировать на себе, а если пользователь кликнет на какой-то другой элемент или просто в пустое место - оно должно закрыться
https://github.com/simplesmiler/vue-clickaway
Roman
спасибо
Stanislav
:)
Roman
можно как-то вычислить ширину текста в пикселях имея только сам текст и font-size?
Roman
умножить length на font-size нельзя, ширина у индивидуальных character&#39;ов разная
Roman
в Qt для этого есть специальные утилиты аля FontMetrics, а вот в браузере...
Slava
в Qt для этого есть специальные утилиты аля FontMetrics, а вот в браузере...
https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript )))0
Slava
там ещё канвасом измеряют
Slava
кошмар какой-то
Roman
https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript )))0
так и думал что именно этим путём, боюсь лишь что если у меня сотня таких строк то на каждую создавать div это как-то overhead
Николаич
можно как-то вычислить ширину текста в пикселях имея только сам текст и font-size?
На канвасе написать и взять ширину
Stanislav
так и думал что именно этим путём, боюсь лишь что если у меня сотня таких строк то на каждую создавать div это как-то overhead
Тебе точно надо что-то вычислять на js?
Или взять ширину контейнера?
Slava
аааааааа https://github.com/adambisek/string-pixel-width
Slava
Может быть можно как-то без этого обойтись? Что у тебя за кейс такой?
Roman
Может быть можно как-то без этого обойтись? Что у тебя за кейс такой?
ох, я вроде понял, мою проблему решит простой white-space: nowrap;
мой кейс это контекстное меню
Stanislav
:)
Oleksandr
Как пример - инпут с динамической шириной в зависимости от того что введено
Roman
CSS непривычен просто
Roman
Как пример - инпут с динамической шириной в зависимости от того что введено
вот это кстати да, тоже задавался этим вопросом как это воплотить
Roman
типа auto-grow
Slava
а зачем такое? это же не очень красиво.
Oleksandr
а зачем такое? это же не очень красиво.
Ммм. Жаль подписка о неразглашении)) я бы показал как &quot;некрасиво&quot;
Roman
а зачем такое? это же не очень красиво.
порой наоборот не очень красиво)
например в chip input поле, там сам input должен расти до определённого размера при вводе, иначе будет скрывать полное название чипа
Slava
http://jsfiddle.net/YZPmC/ да пажолуйсто. всё уже придумано.
Slava
(но ужасно костыльно)
Oleksandr
Да. Контентэдитейбл
Slava
хотя поддерживается всем подряд)
Oleksandr
https://codepen.io/w3core/pen/DjLml
Oleksandr
Не. Ие
Slava
ie11+
Slava
https://caniuse.com/#search=contenteditable
Slava
лол, не 11+. 6+. лол.
Roman
ну вот)
Roman
IE это не браузер
Oleksandr
Ну да. Только потом поиграетесь с доставанием оттуда значения
Roman
это статико-документо-недопросматриватель из 90х
Roman
I-beam
Vladislav
как в вскоде сделать поиск как на атоме?
Vladislav
чтобы фокус кидало на поиск при cmd f?
Roman
чтобы фокус кидало на поиск при cmd f?
а разве не кидает? у меня курсор автоматом на поиск переходит по cmd f
Vladislav
не, оно фокусит в редакторе по прошлому поиску
Bushrut
гайз, что то я сильно тупулю, в методе пытаюсь вызвать другой метод, юзаю this.clear() консоле получаю this.clear is not a function
Slava
код-то покажи
Anonymous
Ребят, подскажите, где лучше менять состояние хранилища?
Anonymous
Допустим, есть todolist, в нем todoitem