@vuejs_ru
Vue.js — русскоговорящее сообщество

Общаемся на темы, посвященные Vue.js и опыту его использования. Проблемы. Новости. Решения. См. также: @js_ru, @react_js, @angular_ru, @nuxtjs_ru Вакансии только тут: @javascript_jobs

3988 members

Архив канала @vuejs_ru 8 октября 2016 г.

01:58:18 ДП
User 58768789
User 94523403
https://josephuspaye.github.io/Keen-UI/#/ui-modal-docs

ребят, знаете как в такую модалку передавать динамические данные?
грубо говоря, по нажатию кнопки(открывающий модальное окно) я хочу в него закинуть данные из модели, в зависимости от кнопки на которую он нажал
josephuspaye.github.io/Keen-UI
A lightweight collection of essential UI components written with Vue and inspired by Material Design
Ты в модалку передаешь ее тело. Собственно телом и манипулируй
02:02:43 ДП
User 58768789
Как я понимаю, ты можешь сделать так
<ui-modal>{{//modal body}}</ui-modal>
02:05:12 ДП
User 58768789
A modal-body ты можешь манипулировать как угодно.
09:00:55 ДП
User 552804
Ребят, подскажите. Вот делаю я простую страницу html с vuejs, при загрузке страницы там до того как всё прогрузится показывает все эти скобки и переменные типа {{ varBlabla }} и через доли секунд всё становится нормально. Так вот, как мне сделать чтобы не было всех этих скобочек при загрузке?
09:42:24 ДП
User 184398046
http://vuejs.org/api/#v-cloak
vuejs.org/v2/api
Vue.js - The Progressive JavaScript Framework
09:43:24 ДП
User 184398046
<span v-text="msg"></span>
<!-- same as -->
<span>{{msg}}</span>
Или использовать первый вариант
09:43:45 ДП
User 552804
Понятно, спасибо
09:46:07 ДП
User 552804
а куда это писать?
[v-cloak] {
  display: none;
}
У меня если просто html файл и в нем же стили прописаны, если я в стилях это напишу, Vue всё сам поймет?
09:48:01 ДП
User 139068333
хороший вопрос
09:48:11 ДП
User 139068333
я бы просто класс добавил на эту пропертю
09:49:20 ДП
User 552804
понял
09:49:36 ДП
User 552804
пропертя - отличное слово
09:51:26 ДП
User 139068333
но тоже интересно в вдруг засахарили
09:51:55 ДП
User 139068333
а. ты вообще не то спрашиваешь
09:52:11 ДП
User 139068333
он просто же не добавляется в дом совсем
09:52:12 ДП
User 184398046
пиши в стили. когда вью загрузиться и откомпилирует инстанс, то v-cloak уберется
10:09:59 ДП
User 94523403
User 58768789
Ты в модалку передаешь ее тело. Собственно телом и манипулируй
а как body передавать, если она дефайниться через slot?
т.е. сейчас выглядит вот так

 <ui-modal :show.sync="show.modal2" header="Appointment details" >
        <div slot="default">  здесь боди модалки </div>
    </ui-modal>
10:32:50 ДП
User 94523403
кто нибудь знает как получать доступ к props, которые декларируются не как props = ['someProp'] а как
props: { name: { type: String, default:"Initial Name" } }
04:33:19 ПП
User 139068333
а такой вопрос
04:33:27 ПП
User 139068333
мне не нужна модель. у меня своя
04:33:39 ПП
User 139068333
имеет смысл тогда юзать вуе или смотреть на реакт ?
04:45:57 ПП
User 552804
Сложный вопрос:)
04:47:24 ПП
User 139068333
проперти слишком сахарные
04:48:10 ПП
User 552804
Жквери
04:48:47 ПП
User 139068333
что жквери
04:52:42 ПП
User 552804
Юзай)
04:57:45 ПП
User 139068333
жквери не очень подходит
05:04:39 ПП
User 139068333
в идеале я бы мог сделать всё через computed property но непонятно как оно резолвит от чего зависит и внутри не умеет изменять
07:25:40 ПП
User 139068333
как же всё плохо с документацией. нашел в каком то бложике

That is because, in Vue 2, mutating a prop locally is considered an anti-pattern. Due to the new rendering mechanism, whenever the parent component re-renders, the child component’s local changes will be overwritten. You should now treat props as immutable.

https://dotdev.co/peeking-into-vue-js-2-part-1-b457e60c88c6#.njlu4tx6t
dotdev.co/peeking-into-vue-js-2-part-1-b457e60c88c6
Vue.js 2 is coming and we are all excited about it. The new Vue, along with great improvements and new features (Virtual DOM, Server Side…
07:57:29 ПП
User 39182759
а что значит "своя модель"?
08:01:30 ПП
User 139068333
значит что стейт не представлен жсоном а есть некотороые обьекты
08:01:39 ПП
User 139068333
хотя я уже думаю что надо всёравно жсоном представлять
08:07:59 ПП
User 139068333
а напомните как v-model разворачивается ?
08:10:01 ПП
User 94523403
ребят, а может ли $dispatch вернуть от родителя false(fail) ?
11:52:14 ПП
User 139068333
хаха. нашел еще прикол
11:52:31 ПП
User 139068333
родитель слушает оказывается некоторые ивенты от компонентов
11:52:32 ПП
User 139068333
вкрысу
11:59:12 ПП
User 139068333
User 139068333
а напомните как v-model разворачивается ?
ох еле нашел https://vuejs.org/guide/components.html#Form-Input-Components-using-Custom-Events
vuejs.org/v2/guide/components.html
Vue.js - The Progressive JavaScript Framework