либо нужно делать nl2br

то бишь искать все символы переноса и заменять на <br>

да

понятно

store = { items: [ [1, 2, 3], [1, 2, 3] ], confirmActivated: false, confirmCallbacks: { doneCallback: null, cancelCallback: null } } Структура апки ComponentA ComponentB ... ... ConfirmComponent Для того что бы удалить ComponentB я емичу событие которое обрабатывает ComponentA. ComponentA диспатчит екшн который удаляет итем из стейта в Vuex. Все просто, но. Мне нужно сделать подтверждение удаления. Сейчас из ComponentA я диспатчу екшн который активирует ConfirmComponent. В екшн я передаю коллбеки которые вызывает ConfirmComponent. doneCallback емитит евент из контекста ComponentB, cancelCallback - делает ничего. Так делать вообще нормально? Я пока хз как это по другому разрулить.

Товарищи, добрый день! Подскажите как правильно передавать в шаблоны? у меня есть app.js ... data() { return { materials: null, } }, mounted() { /*получаем список*/ axios .get('api.php?s=g') .then(response => (this.materials = response.data)); }, есть отдельный темлейт Main.vue с циклом ... <tr v-for="(v, index) in materials"> ... я получаю Property or method "materials" is not defined ... как правильно передавать в шаблон?

materials: null видимо поэтому undefined

если не выносить в отдельный шаблон то все работает

а если выношу то печаль

Всем привет, почему Date.parse() нормально реагирует на значение: Date.parse(+2018-01-01) а не валится с isNan? Как сделать что бы символы перед датой не валидировались?

Товарищи, добрый день! Подскажите как правильно передавать в шаблоны? у меня есть app.js ... data() { return { materials: null, } }, mounted() { /*получаем список*/ axios .get('api.php?s=g') .then(response => (this.materials = response.data)); }, есть отдельный темлейт Main.vue с циклом ... <tr v-for="(v, index) in materials"> ... я получаю Property or method "materials" is not defined ... как правильно передавать в шаблон?

А ты в пропсах указал material?

А ты в пропсах указал material?

эм, нет, до это я видимо еще не дошел

Вообще как ты в main пропсы передаешь материал

эм, нет, до это я видимо еще не дошел

Дока -> основное -> компоненты

Всем привет, почему Date.parse() нормально реагирует на значение: Date.parse(+2018-01-01) а не валится с isNan? Как сделать что бы символы перед датой не валидировались?

Может спросишь в js чате?

@js_ru

почему не видит глобальный vue-cli? добавил их в переменные среды и все равно.

какую команду? Кстати, юзай повершелл, если десятка

Доброго дня всем. Ночью задавал вопрос, но так и не разобрался( http://s2.micp.ru/f2h0s.jpg почему передаваемые компоненту пропсы не коллекционируются в this.$attrs? он пуст, а вместо этого пропсы попадают как свойства компонента. Как это исправить и получить все переданные? Спасибо!

Доброго дня всем. Ночью задавал вопрос, но так и не разобрался( http://s2.micp.ru/f2h0s.jpg почему передаваемые компоненту пропсы не коллекционируются в this.$attrs? он пуст, а вместо этого пропсы попадают как свойства компонента. Как это исправить и получить все переданные? Спасибо!

Кажется, только читать доку.

Кажется, только читать доку.

А где там такое?

Честно говоря это вопрос логики наверно, если атрибуты указаны как пропсы, то атрибуты уже не атрибуты, а пропсы, парам пам пам.

А где там такое?

Проксирование пропсов в корень компонента?

Проксирование пропсов в корень компонента?

Так его смущает то, что почему пропсы так же не попадают в атрибуты

Так его смущает то, что почему пропсы так же не попадают в атрибуты

Так а чего они должны туда попадать?

Ну так и должно быть. Пропсы реактивны, атрибуты нет

Вью изымает пропсы из аттрс

Он же описал свойство как пропс

Так а чего они должны туда попадать?

Не знаю. Но он и задает вопрос почему не попадает.

если конкретизировать вопрос - как мне их получить скоупом?

мне нужны они для передачи в динамический компонент

чекните, что данные в проп реактивные попадают и что двоеточие перед именем есть)

если конкретизировать вопрос - как мне их получить скоупом?

Это даже не конкретизация, а по-моему совершенно другой вопрос. Можно сначала и зачем.

мне нужны они для передачи в динамический компонент

v-bind="$props"

А ты просто проверь и узнаешь.

А поверить не получается?) Забавные вопросы, конечно

А ты просто проверь и узнаешь.

у меня undefinded, поэтому спрашиваю)

но странно, думал что vue должен как-то проследить

думаю что я пока просто где-то лоханулся

ща разберу через v-bind:value, v-on:input

тогда ему уже некуда деться, должен работать

http://s1.micp.ru/8afLu.jpg вот в функции рендер мне надо получать из пропса родительского компонента имя компонента (this.component) и пропсы этмоу компоненту (this.componentProps) и прокидывать в рендер функции динамически создаваемому компоненту исходя из переданного имени компонент по итогу выводится осталось понять почему пропсы не попадают

Дока -> основное -> компоненты

да, прочитал, только я использую для шаблонов отдельные файлы и вот эту приблуду http-vue-loader. https://github.com/FranckFreiburger/http-vue-loader. И что-то не соображу как в нее передать пропсы

да, прочитал, только я использую для шаблонов отдельные файлы и вот эту приблуду http-vue-loader. https://github.com/FranckFreiburger/http-vue-loader. И что-то не соображу как в нее передать пропсы

через шаблон...

через шаблон...

т.е. я в самом файле шаблона должен props указать или в app.js? (запутался, сори)

там где ты вызываешь свой <main-component>

или описываешь

там где ты вызываешь свой <main-component>

у меня в app.js примерно так const routes = [ { path: '/', component: httpVueLoader('./components/Main.vue') }, { path: '/foo', component: httpVueLoader('./components/Foo.vue') }, { path: '/bar', component: httpVueLoader('./components/Bar.vue') }, ] const router = new VueRouter({ routes }) var mylist = new Vue({ el: '#app', router, .... data() { return { materials: null, } }, mounted() { /*получаем список*/ axios .get('api.php?s=g') .then(response => (this.materials = response.data)); }, далее в инлексном файле <li><router-link to="/">Главная</router-link></li> .... <router-view></router-view>

в роутер view

кидай

а он прокинет в main, а в самом main укажи пропсы которые ожидаешь

в роутер view

так ? v-bind="materials"

если так сделать , то у тебя получится типо как { ...materials }

ты же хочешь получить под нужным именем, под нужное имя и прокидывай

Друзья привет! Мы ищем англоязычных докладчиков, кто желает выступить на Vue.js митапе в Софии (Болгария) :) Если кому-то интересно выступить/поучаствовать или знает кого-то кто может, пишите! Примерные даты - конец ноября/начало декабря. PS В Москве тоже будет митап, но пока не определились с датами, обращайтесь кому интересно.

ты же хочешь получить под нужным именем, под нужное имя и прокидывай

спасибо, пошел гуглить

спасибо, пошел гуглить

да прочти ты просто доку, хотя твое право

Друзья привет! Мы ищем англоязычных докладчиков, кто желает выступить на Vue.js митапе в Софии (Болгария) :) Если кому-то интересно выступить/поучаствовать или знает кого-то кто может, пишите! Примерные даты - конец ноября/начало декабря. PS В Москве тоже будет митап, но пока не определились с датами, обращайтесь кому интересно.

блин, я уже не правильно реагирую на "Друзья привет!". я думал опять какой-то вопрос

Друзья привет! Мы ищем англоязычных докладчиков, кто желает выступить на Vue.js митапе в Софии (Болгария) :) Если кому-то интересно выступить/поучаствовать или знает кого-то кто может, пишите! Примерные даты - конец ноября/начало декабря. PS В Москве тоже будет митап, но пока не определились с датами, обращайтесь кому интересно.

Я могу, если с холи не пересечется

да прочти ты просто доку, хотя твое право

да чета тупняк нашел, не пойму еще синтаксис

v-bind="$props"

в jsx нельзя Так ещё я выяснил что пропсы передаваемые напрямую а не деструктуризацией полученных свыше в функции рендрер - работают и нормально попадают в компонент а те что создаются из fresh - копии - не попадают..тупо игнорируются( хотя консолю их в функции рендера и там обычный объект http://s2.micp.ru/LKVDe.jpg есть у кого-то идеи хоть?(

могу узнать, зачем пропсы копируются перед прокидыванием вниз?

почему нельзя просто { ...this.$props } ?

я не уверен, но реактивности не должно быть же, если ты так делать будешь

могу узнать, зачем пропсы копируются перед прокидыванием вниз?

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

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

ERROR: S client not available

у нотификации особой реактивности не должно быть) меня устроит вариант хотябы того чтоб мне удалось таки прокинуть эти злосчастные пропсы пробовал разными синтаксисами - ничего не помогает

ой бля, хотелось бы тебе помочь, но чето влом

а твой нотификатор может порталы принимать?

вообще покажи его

может использовать портал для передачи компонентов

https://github.com/BinarCode/vue-notifyjs

в открытых issue с мая кстати висит моя проблемка

и создатель видимо тоже либо забил на компонент либо не знает чё не так..

https://github.com/BinarCode/vue-notifyjs/blob/master/src/Notification.js#L130

это единственный нотификатор который даёт возможность передавать компонент) может плохо искал у меня нет времени городить свой собственный но судя по потраченному времени на разбор разницы особой не было бы если бы сам пилил..всё равно компонент и объект с пропсами ему мне надо было бы принимать в идеале

ты же хочешь получить под нужным именем, под нужное имя и прокидывай

пишу вот так <router-view :props="{materials: true}"></router-view> или не так ? :)

пишу вот так <router-view :props="{materials: true}"></router-view> или не так ? :)

как бы ты передал пропс если бы у тебя был компонент

а не router-view?

как бы ты передал пропс если бы у тебя был компонент

Vue.component('mycomponent', { props: ['materials'], ..... })

ну как то так

это ты объявил в компоненте, что он принимает такие пропсы

а как ты в шаблоне передаешь эти пропсы

это единственный нотификатор который даёт возможность передавать компонент) может плохо искал у меня нет времени городить свой собственный но судя по потраченному времени на разбор разницы особой не было бы если бы сам пилил..всё равно компонент и объект с пропсами ему мне надо было бы принимать в идеале

ты можешь скинуть рабочий пример работы этого плагина, все его примеры не работают

а как ты в шаблоне передаешь эти пропсы

вот тут у меня и затык, я этого понять не могу. я передавал просто вот так

data() { return { materials: null, } },

и если шаблон не выносить в отдельный файл то все работает

блядь у тебя есть ШАБЛОН

<template> <div #app> <main-component> </div> </template>

вот твой шаблон

как в main-component передать пропс?

доброго vue cli

как убрать хеш в названии файла logo.82b9c7a5.png то есть что б было logo.png

?

<template> <div #app> <main-component> </div> </template>

как то так <main-component :name ="{{user.name}}"> !?

как убрать хеш в названии файла logo.82b9c7a5.png то есть что б было logo.png

https://cli.vuejs.org/config/#filenamehashing

как то так <main-component :name ="{{user.name}}"> !?

почти верно