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

props?

да

а вызывать метод как?

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

Пусть компонент вызывает функцию.

а можно пример?

у тебя доступ к пропсу есть через this

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

внутри метода просто бери его и все

props доступны внутри компонента, вызываем метод, передаем туда значение из props

Может я не пойму или не так думаю. Но, я хочу, когда передаю props, то хочу вызвать внутри метод

как этом можно связать?

?

И можно ли, либо это глупая затея и есть решение, о котором я не знаю

мы даже не догадываемся что ты пытаешься сделать

это раз

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

эт два

покажи код или объясни нормально

Я использую nouislider. Сделал компонент. Теперь мне нужно пробрасывать внутрь значения из полей, что бы вызвать noUiSlider.set(value). value - это и есть пробрасываемое значение

а с Вью как давно знакомство произошло?

пол года назад

я написал вотчер на свойство

так гараздо проще

?

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

знаю я

вызвать метод при изменение переменной можно через watch

воооот

так и сделал

я забыл о них

просто

редко использую

?

вопрос решен?

да, спасибо

Просто когда читал доку, давно, там писали про вотчеры и что их не желательно юзать, в большом кол-ве. Ну я и как-то совсем стал забывать о них

красиво в чат

Добрый день. Только начал позновать Vue и появилось 2 ключевых вопроса: 1)Почему я не могу app свой подключить как src, а необходимо его прописывать непосредственно под разметкой(может что то не так делаю?)? ... <li v-for="article in filteredArticles"> <a v-bind:href="article.url">{{article.title}}</a> </li> </ul> </form> <script src="/js/find.js" charset="utf-8"></script> ...

2)Как я могу в data передать json, что бы сделать динамическим вывод v-for(подгружаемым из вне) вот например тут data: { searchString: "", articles: [ { "title": "xxx", "url": "xxx", }, ... подозреваю что можно через ajax передавать, но увы в офф. доках ответа не нашлось

2)Как я могу в data передать json, что бы сделать динамическим вывод v-for(подгружаемым из вне) вот например тут data: { searchString: "", articles: [ { "title": "xxx", "url": "xxx", }, ... подозреваю что можно через ajax передавать, но увы в офф. доках ответа не нашлось

ну, например берешь axios в криейтед хуке делаешь axios.get('/api/file.json').then({data} => this.articles = data).catch(e => console.log(e));

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

Класс, спасибо) Пошел изучать axios

а по первому - не понял

Класс, спасибо) Пошел изучать axios

https://github.com/axios/axios или же нативный fetch API

что больше нравится

да даже жыкуэри

ну т.е. так работает: div id="main-x"> <nav v-bind:class="active" v-on:click.prevent> <a href="#" class="home" v-on:click="makeActive('home')">Главная</a> <a href="#" class="projects" v-on:click="makeActive('projects')">Проекты</a> <a href="#" class="services" v-on:click="makeActive('services')">Услуги</a> <a href="#" class="contact" v-on:click="makeActive('contact')">Контакты</a> </nav> <p>Выбран класс <b>{{active}}</b></p> </div> <script type="text/javascript"> // Создаем новую сущность Vue.js var demo = new Vue({ // DOM элемент, к которому прикреплена сущность el: '#main-x', // Начало модели. // Определяем свойства и присваиваем им необходимые значения. data: { active: 'home' }, а так уже нет div id="main-x"> <nav v-bind:class="active" v-on:click.prevent> <a href="#" class="home" v-on:click="makeActive('home')">Главная</a> <a href="#" class="projects" v-on:click="makeActive('projects')">Проекты</a> <a href="#" class="services" v-on:click="makeActive('services')">Услуги</a> <a href="#" class="contact" v-on:click="makeActive('contact')">Контакты</a> </nav> <p>Выбран класс <b>{{active}}</b></p> </div> <script src="/js/find.js" charset="utf-8"></script>

хм у меня работало так, правда давно уже без бандлеров не запускал вью

просто если несколько мини-app на vue разворачивать на стр. то разрастается очень сильно код( за одно что есть бандлеры почитаю) Спасибо

Привет всем. Делаю компонент TreeView. TreeView, соответственно рекурсивно использует самого себя. Народ подскажите как "повесить" на это callback, сигнализирующий в экземпляр Vue, например, о клике на узел?

вот код https://gist.github.com/anonymous/fa5b8f3ee10d88d02473d1a657721991

посмотри как в готовом сделано

обычно там жесткие хаки с изменением пропсов ребенком и $parent

в примере на Vuejs.org (https://vuejs.org/v2/examples/tree-view.html) ничего не сказано

Я не верю, что надо через хак

решил через рекурсивный v-on

народ, есть плаг какой-нибудь для просчета общего цвета картинки? чтобы слой полупрозрачный этого цвета сверху закинуть и текст поверх всего

решил через рекурсивный v-on

а можешь показать, как оно в итоге выглядит?

https://gist.github.com/anonymous/7aa6ce9d4847f62a251106dea732257a

вот разметка экземпляра

вот кусок экземпляра vue

<ul id="demo"> <category-tree class="item" :categories-list="categories" v-on:select="selCat"></category-tree> </ul>

вот кусок контроллера

selCat: function( cat ){ this.selectedCat = cat; },

https://www.npmjs.com/package/color-thief нашел, всем спасибо)

Подскажите компонент "модальное окно", который я могу через тег <script> подключить

как вариант надоевший всем https://github.com/sweetalert2/sweetalert2

А как в него свои компоненты класть?

Парни, если я имею свой компонент. скажем "my-component". То куда попадёт вложенная разметка:

<my-component><p>вложенная разметка</p></my-component>

а что будет если написать вот так:

<my-component><my-other :param="param"></my-other></my-component>

1. Это легально в vue?

2. Как это использовать?

Парни, если я имею свой компонент. скажем "my-component". То куда попадёт вложенная разметка:

В разделе документации про компоненты есть раздел про слоты

спс

блин, vue - вещь

да

в примере на Vuejs.org (https://vuejs.org/v2/examples/tree-view.html) ничего не сказано

тут например https://github.com/wuyuedefeng/vue-sortable-tree

Спасибо, Стас

господа, всем привет, описываю переменную в объекте и вызывается она у меня через form.rest, вопрос - как описать это в вотчере?

или же только form возможно описать?

'form.rest'

Привет народ

Кто использует Vuetify?

Как вам он?

Я сейчас пробую его, и мне кажется почему-то что он не очень поддается хорошо кастомизации

смотря какой

стили придется перебивать импортантами иногда

смотря какой

Всмысле смотря какой?

какую кастомизацию ты подразумеваешь?

функциональную или стили ?

стили

пока

Я просто начал новый проэкт

ну вот