Denis
Воу.
Denis
Нормально. А зачем? Просто чтобы было?
Евгений
нет, у меня там перетаскивание компонентов есть, и почему то сейчас на реализации у меня сбрасывается ckeditor при перетаскивании компонентов. Сейчас решил переделать и хочу заодно через ref сделать инициализацию эдитора
Denis
Ну как я уже сказал ref - это ссылка на ноду или компонент. А replace - это метод экземпляра CKEDITOR. Думаю, проще новый инстанс инициализировать
Denis
В ref храните textarea и инициализируете на нем CKEDITOR
Евгений
подключил адаптер ckeditor jquery и теперь работает вот так $($this.$refs.editor).ckeditor(options);
Mr. M
Подскажите как красивее оформить решение задачи:
у меня есть модалка со слотами body и footer. в body у меня компонент с инпутами. А в footer кнопка submit. мне надо чтобы из компонента (в слоте body) я взял объект и прокинул в slot footer с submit.
Alex
у меня есть текстовый редактор CKEDITOR который сейчас реплейсится так CKEDITOR.replace( id, options )
replace( element, [ config ] ) в доке написано
Mr. M
modal
slot=body
componentWithInputs
slot=footer
button.submit
Alex
зачем? у вас вообще все остается в родительской области видимости, даже то что в слоты положили
Евгений
всё равно при перетаскивании ломается всё :(
Евгений
Евгений
вот есть 2 текстовых блока, которые я могу перетаскивать
Евгений
Евгений
вот я их перетащил, поменял местами
Евгений
текст сбрасывается в редакторе и он вообще становится неактивным, не могу в него писать
Roman
текст сбрасывается в редакторе и он вообще становится неактивным, не могу в него писать
что за drag&drop используете?
Евгений
https://cdn.rawgit.com/David-Desmaisons/Vue.Draggable/master/dist/vuedraggable.min.js
Евгений
https://github.com/SortableJS/Vue.Draggable
Евгений
с другими блоками, без ckeditor Норм работает
Евгений
Евгений
вот эти виды блоков нормально перетаскиваются
Евгений
а текстовый крашится
Евгений
как опнять из за чего крашится, непонятно... инстанс эдитора остается прежним
Евгений
<div class="post_block card" :key="block.unique" v-for="(block, index) in blocks" :class="{ collapsed: !block.show }">
при выводе всех блоков юзаю :key="block.unique" который генерится для каждого добавляемого блока
Alexey
<div class="post_block card" :key="block.unique" v-for="(block, index) in blocks" :class="{ collapsed: !block.show }">
при выводе всех блоков юзаю :key="block.unique" который генерится для каждого добавляемого блока
если текст сбрасывается, значит он не сохраняется, верно?
Евгений
не просто текст сбрасывается, редактор весь становится неактивный, текст в него непишется
Alexey
Значит надо копать в сторону v-model, я полагаю
Alexey
не просто текст сбрасывается, редактор весь становится неактивный, текст в него непишется
Так вообще сложно понять. С прискорбием сообщаю, что в подобных ситауациях только самому долго и упорно надо дебажить
Евгений
ацтой :(
Alexey
ацтой :(
Ещё попробуй данные захардкодить в jsfiddle и там смоделировать. Бывает что-то проясняешь сам для себя. Ну и заодно, если что, тут потом сможешь показать косяк
🐏 Alexander
Alexey
великий и могучий css
Евгений
https://codepen.io/anon/pen/MQjdBd
Евгений
сделал пен, не очень красиво, но можно посмотреть
Евгений
перетаскивание блоков/компонентов с текстовым редактором
Евгений
там в коде немного лишнего есть, но это издержки того как я пытался исправить всё))
Евгений
может кто глянет
Евгений
нет
Michael
Michael
поперетягивал вбок редактор за шапку. вот что получается.
Евгений
у меня нормально перетягивается
Евгений
но эдитор крашится при этом
Roman
есть идея как лучше реализовать "debug mode" в приложении, который например отображает определённые кнопочки и поля которые не видны в production'е? не хочется делать это таким образом, чтоб любой в недрах dev tools мог его включить а только разработчик?
Bohdan
ну так девтулз может быть выключен
Bohdan
в prod режиме вроде он не работает
Roman
просто как-то стрёмно если пользователь может в разделе Application создать key-value в local storage'е типа "debug: true"
Roman
хотя.. может и не страшно
Bohdan
для этого делаются проверки на бекенде
Bohdan
классика
не верь пользователю
Bohdan
все, что он делает - должно быть проверено
Roman
я не имеею ввиду данные, API то она отделена и его не наипёшь
Bohdan
то, что видны поля - этого ты никак не избежишь
Bohdan
умный юзер может и просто в девтулз залезть и убрать display:none
Roman
ну в принципе да, наверное ничего страшного в этом нет
Bohdan
как вариант - городить что-то с отдачей шаблонов/еще чего-то с бекенда
но это пальцем в небо и я вообще хз, как делать :D
Roman
как вариант - городить что-то с отдачей шаблонов/еще чего-то с бекенда
но это пальцем в небо и я вообще хз, как делать :D
нее, усложнять лишний раз не надо
Bohdan
тут уже от потребностей зависит
Darya
есть идея как лучше реализовать "debug mode" в приложении, который например отображает определённые кнопочки и поля которые не видны в production'е? не хочется делать это таким образом, чтоб любой в недрах dev tools мог его включить а только разработчик?
а при сборке указывать какой-нить env
и на его основе рендерить или нет элементы
Roman
ладно, думаю не так и страшно это если в браузере можно включить debug режим
Anonymous
Ребят, привет.
У меня есть 3 компонента - 1й хедер, 2й форма с логином, откуда отправляется пост запрос к апишке и осущствляется логин в дашборд (3й компонент), соотвественно, метод логина описан в компоненте логина, но мне нужно оттуда вырвать данные респонса и засунуть их в хедер - в данном случае - фест и ластнейм пользователя.
Может кто-нибудь сталкивался с подобной задачей, и знает верное решение? Я пока не могу сообразить как это реализовать. Нужен хелп 😊
Антон
https://github.com/plirof2/vue2-spa-cart
Антон
подсмотри тут
Alexander
Ребят, привет.
У меня есть 3 компонента - 1й хедер, 2й форма с логином, откуда отправляется пост запрос к апишке и осущствляется логин в дашборд (3й компонент), соотвественно, метод логина описан в компоненте логина, но мне нужно оттуда вырвать данные респонса и засунуть их в хедер - в данном случае - фест и ластнейм пользователя.
Может кто-нибудь сталкивался с подобной задачей, и знает верное решение? Я пока не могу сообразить как это реализовать. Нужен хелп 😊
если этих 3 компонента - это все приложение, то можно просто при смене имени имитить ивент в компоненте логина, передавать его родителю, а там при емите этого ивента менять нужный пропс для хедера(т.е. передать туда новое имя), если приложение будет больше и это имя еще где-то пригодиться - возможно будет целесообразнее использовать Vuex
Anonymous
Спасибо мужики.
Сейчас поизучаю предложенные варианты!
Serge
Привет.
Часть роутов набираю в функции динамически и асинхронно через Router.addRoutes()
Всё пашет, но если переходить через ссыль в браузере типа localhost/foo/bar
то перелетаю на 404, т.к. addRoutes() еще не отработало.
Как покурить или где набирать, чтоб такого не происходило ?
Alexander
Привет.
Часть роутов набираю в функции динамически и асинхронно через Router.addRoutes()
Всё пашет, но если переходить через ссыль в браузере типа localhost/foo/bar
то перелетаю на 404, т.к. addRoutes() еще не отработало.
Как покурить или где набирать, чтоб такого не происходило ?
export default new Router({
mode: 'history',
...
Serge
export default new Router({
mode: 'history',
...
Это у меня есть. Но часть добавляется динамически. К чему это ?
Alexander
а динамика на чем основана? на действиях каждого клиента? где-нибудь фиксируется "на потом"?
Serge
а динамика на чем основана? на действиях каждого клиента? где-нибудь фиксируется "на потом"?
нет. только при загрузке.
В кратце берутся файлы из src\myroutes\* и по описанной там структуре монтируются в Router.addRoutes
Alexander
нет. только при загрузке.
В кратце берутся файлы из src\myroutes\* и по описанной там структуре монтируются в Router.addRoutes
тогда эту логику надо выносить куда-то в топ, а клиента отправлять на страницу 'Loading...'
Serge
тогда эту логику надо выносить куда-то в топ, а клиента отправлять на страницу 'Loading...'
я так и думаю. в какой нибудь vuex захерачить isLoading:true пока гружу а потом как то директить уже куда просили.
но чёта много писанины из-за такой фигни. думал, может хук какой нибудь есть
Michael
Привет.
Часть роутов набираю в функции динамически и асинхронно через Router.addRoutes()
Всё пашет, но если переходить через ссыль в браузере типа localhost/foo/bar
то перелетаю на 404, т.к. addRoutes() еще не отработало.
Как покурить или где набирать, чтоб такого не происходило ?
можно ещё при первой загрузке с сервера возвращать в джисончике эти роутес