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

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

3988 members

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

10:32:42 ДП
User 94523403
Ребят, а как внутрь slot передавать props/data?
10:33:11 ДП
User 94523403
В сам темплейт передается, а в слот при создании инстанса нет
10:38:58 ДП
User 184398046
эээ.... пример что ты хочешь сделать со слотом
11:32:47 ДП
User 94523403
User 184398046
эээ.... пример что ты хочешь сделать со слотом
вот такой компонент
https://github.com/JosephusPaye/Keen-UI/blob/gh-pages/src/UiConfirm.vue

вот так я его юзаю
 <ui-confirm>     <div slot="default">{{ data.value}}</div></ui-confirm>
упростил для лучшего понимания
В общем если в data/props есть что мне нужно(с этим все ок, через vue devtools проверил, данные прокидываются) хочу чтобы выводилось
github.com/JosephusPaye/Keen-UI/blob/gh-pages/src/UiConfirm.vue
Keen-UI - A lightweight but complete collection of essential UI components written with Vue and inspired by Material Design
11:34:35 ДП
User 94523403
при этом если я редактирую исходник компонента,а именно делаю в его темплейте 
<div class="ui-confirm-message">{{data.value}}<slot></slot></div>
то все работает
11:35:49 ДП
User 94523403
но тогда не могу добавлять статичную инфу(лейбл, текст какой-то) потому что он логично начинает вылезать во всех модалках, даже где это не нужно

наверняка можно ведь решить этот вопрос без клонирования компонента под каждый кейс?
11:49:26 ДП
User 184398046
Я делал компонент с темплейтом и partial
https://github.com/tyllo/Framework7-VueJS/blob/b920ab00cb68050e24bce8c36b3ac0dc57a93178/src/components/item-content/index.js

и в partial именованные слоты с пробросом данных
https://github.com/tyllo/Framework7-VueJS/blob/b920ab00cb68050e24bce8c36b3ac0dc57a93178/src/partials/item-content.jade
—---------------------------------
Но тут нужно смотреть перформанс. Толи из-за большого количества слотов, толи большго колисчества partial со слотами проседает перформанс. Я не выяснял на хоум-проекте, но имею ввиду на будущее
github.com/tyllo/Framework7-VueJS/blob/b920ab00cb68050e24bce8c36b3ac0dc57a93178/src/components/item-content/index.js
Framework7-VueJS - Application built on top of Framework7 and VueJS, use: demo/demo