походу понял, в чём дело. ща ещё проверю, и скажу :)

ссылки везде абсолютные?

Ребят, скажите пожалуйста, как в эвенте изменить дату компонента (не текущего, а который я подключаю через components)?

Ребят, скажите пожалуйста, как в эвенте изменить дату компонента (не текущего, а который я подключаю через components)?

Ух ты тот же самый вопрос пытался сюда написать

@addam0ve ?

Ребят, скажите пожалуйста, как в эвенте изменить дату компонента (не текущего, а который я подключаю через components)?

эвенты вверх, пропсы вниз..

Точно через эвенты?

Привет. Меня зовут Космос. Из Киева. По тихоньку разбираюсь с Vue и пишу на нем мелки фронтенд. #whois

@c01nd01r точно через эвенты.

@c01nd01r точно через эвенты.

А в чем проблема?

да проблема в том, что там 2 дива через v-if и при изменении пропса в $refs нужный не отрисовывается

пробовал через $nextTick

тоже не рисует его

в массиве

через setTimeout(()=>{}, 50) отображает его

ну, через таймаут в 50 мс, рисует нужный div в массиве $refs

но это велосипед какой-то

А если использовать $set?

ну $set 1 аргументом принимает объект, а как я его укажу, если его нет?)

Как нет, это же твой "пропс".

К которому ты присваиваешь значение.

объясняю задачу: есть компонент, назовем его comp_hello, подключаю я его в export default { components :{} }. я рисую 2 объекта: <comp_hello v-if="var === 1" /> <comp_hello v-if="var === 2" /> Суть в том, что при прорисовывании одного из 2 компонентов - мне нужно изменить его пропс.

надеюсь нормально объяснил?

Ты хочешь пропс наружу вытащить, так?

ладно, ок

?

я хочу, изменить прпос компонента, который прорисуется через v-if

пропсы то где?

<comp_hello v-if="var === 1" propName="foo"/> <comp_hello v-else-if="var === 2" propName="baz"/> нет?

да в компонентах: <comp_hello v-if="var === 1" /> <comp_hello v-if="var === 2" />

да в компонентах: <comp_hello v-if="var === 1" /> <comp_hello v-if="var === 2" />

и где тут пропсы?

у компонента есть пропсы..........

А в компоненте props: { propName: String }

У тебя в инициализации компонентов нет пропсов. <comp_hello v-if="var === 1" /> Ниже есть <comp_hello v-if="var === 1" propName="foo"/>

ладно ребят, сейчас разобраться попробую

извините за ваше потраченное время

https://ru.vuejs.org/v2/guide/components.html#Входные-параметры

Ребят у меня есть json в дате(рендерю карточки при помощи v-for) И как мне для каждой конкретной итерации изменить trend(вызывая метод конечно же)? data: function () { return { upHere: true, tt : true, cards :[ { "text": "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.", "title": "First", "trend" : 5, reply : 0 , }, { "text": "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.", "title": "Second", "trend" : 5, reply : 0 , } ] } }

import YourComponent from ... { render(createElement) { return createElement(YourComponent) } }

ясно спасибо правда не знаю где такое может пригодиться

Ребят у меня есть json в дате(рендерю карточки при помощи v-for) И как мне для каждой конкретной итерации изменить trend(вызывая метод конечно же)? data: function () { return { upHere: true, tt : true, cards :[ { "text": "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.", "title": "First", "trend" : 5, reply : 0 , }, { "text": "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.", "title": "Second", "trend" : 5, reply : 0 , } ] } }

ТО есть в методе изменить переменную trend

ясно спасибо правда не знаю где такое может пригодиться

Использую у себя, что бы кастомизировать element-ui

Использую у себя, что бы кастомизировать element-ui

ну кстати да! ?

ПРостите за нубский вопрос, не пойму как нагуглить)

В документации что-то не нашел(ну я пытался)

ну кстати да! ?

В vue файле подключаю свои стили. в js возвращается функциональный компонент, который рендерит element-ui компонент. В ипорте этого всего vue файла получается element-ui компонент + мои стили :) Все одним махом

Ребят у меня есть json в дате(рендерю карточки при помощи v-for) И как мне для каждой конкретной итерации изменить trend(вызывая метод конечно же)? data: function () { return { upHere: true, tt : true, cards :[ { "text": "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.", "title": "First", "trend" : 5, reply : 0 , }, { "text": "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.", "title": "Second", "trend" : 5, reply : 0 , } ] } }

так ты свои данные в переменную внутри data положи

в массив, если точнее

так ты свои данные в переменную внутри data положи

не, так не подходит

О_о

ТОчнее так и сделал же

а, пардон

Они в массиве объектов лежат

я не расмотрел

Подсветка ситаксиса никакая

Подсветка ситаксиса никакая

Просят так оформлять, это да мне тоже не нравится

v-for="card in cards" v-model="card.trend" нет?

вернее, ее нет. <div class="card" v-for="card in cards">{{card.trend}}</div>

Вообще, это есть в доке

v-for="card in cards" v-model="card.trend" нет?

МНе в methods надо грубо говоря изменить card.trend для карточки

Как мне объяснить что надо это делать на этой конкретной карточке, а две другие допустим оставить не троунтыми

Ну, в чем проблема то? for in

Просто скажи, что ты хочешь

оукей

В рамках твоей задачи

Более объектно

ERROR: S client not available

вот там есть пятерочка)

мне надо чтобы при клике на кнопку на этйо конкретной карточке пятерочка сменилась на шестерочку

Как дата организована я вам прислал

data: function () { return { upHere: true, tt : true, cards :[ { "text": "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.", "title": "First", "trend" : 5, reply : 0 , }, { "text": "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.", "title": "Second", "trend" : 5, reply : 0 , } ] } }

Карточки сделаны компонентами?

Карточки сделаны компонентами?

yes

Если не боитесь жуткого говнокода, то могу скинуть проект

https://jsfiddle.net/addamove/78tjg5c8/39/

Так ты скидывай карточку в props модели, а внутри модели по @click изменяй значение

yes

А по ссылке нет

Так ты скидывай карточку в props модели, а внутри модели по @click изменяй значение

а в методе компонента это никак нельзя сделать?

Ну так на @click и повесь метод ?

Ну так на @click и повесь метод ?

Я повесил, но не знаю как мне показать, чтобы он trend менял)

а в методе компонента это никак нельзя сделать?

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

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

шаблон как по ссылке

Тебе нужно для каждой карточки сделать компонент, и делать итерацию "снаружи", передавая один инстанс карточки в каждой итерации.

Тебе нужно для каждой карточки сделать компонент, и делать итерацию "снаружи", передавая один инстанс карточки в каждой итерации.

бле ну вообще не то

Я не то спрашиваю

оО

Тебе нужно для каждой карточки сделать компонент, и делать итерацию "снаружи", передавая один инстанс карточки в каждой итерации.

Как добраться до trend в этой конкретной картчоке?

шаблон как по ссылке

в upTrend передавай текущий индекс массива. Потом this.cards[полученный индекс].trend++

Как получить текущий индекс массива есть в доке, в том же разделе про рендер списков

Как получить текущий индекс массива есть в доке, в том же разделе про рендер списков

спасибо, правда вспомнил, то что нужно!

Можно просто инстанс элемента передавать

Можно просто инстанс элемента передавать

не понимаю как это работает пока

во https://jsfiddle.net/78tjg5c8/40/

Не та ссыль была, не обновил

Не та ссыль была, не обновил

да а то я чето по милионну лайков поставить могу

во https://jsfiddle.net/78tjg5c8/40/

а где новая?

Выше, старую удалил

Выше, старую удалил

не работает, могу много раз лайки менять