Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.08.2020, 08:39
Кандидат Javascript-наук
Отправить личное сообщение для dpts Посмотреть профиль Найти все сообщения от dpts
 
Регистрация: 12.05.2015
Сообщений: 111

VUE + события компонента
День добрый.
Может кто-нибудь внятно объяснить, что не так и как правильно ловить события подключенного компонента?
Имеем vue + подключенный с CDN набор компонентов https://cdn.syncfusion.com/ej2/ej2-v...ej2-vue.min.js

Из него меня интересует https://ej2.syncfusion.com/vue/docum...drag-and-drop/
у которого есть события nodeClicked, например.
Чисто теоретически понятно, что ловить его надо примерно так:
<ejs-treeview 
                        id='treeview' 
                        :fields="fieldsEjs" 
                        :allow-drag-and-drop="true" 
                        v-on:node-сlicked="nodeClickedHandler">
                    </ejs-treeview>

ну и метод:
nodeClickedHandler:function(e){
   console.log('1');
   console.log(e);
}


Но не срабатывает (в консоль не выводится ничего).
если в html v-on:node-clicked поменять на v-on:nodeClicked или на v-on:nodeсlicked, то при клике по элементу вуй
говорит, - что в компоненте указано событие nodeClicked и ругается на кэмел кейс, просит вернуть обратно v-on:node-clicked, что логично.
VueDev Tools - показывают, что события срабатывают.

Вот и вопрос, как ловить такие штуки?

Последний раз редактировалось dpts, 17.08.2020 в 10:13.
Ответить с цитированием
  #2 (permalink)  
Старый 30.09.2021, 11:00
Кандидат Javascript-наук
Отправить личное сообщение для dpts Посмотреть профиль Найти все сообщения от dpts
 
Регистрация: 12.05.2015
Сообщений: 111

И в продолжение вопрос.
А как дождаться всплытия события компонента?
Допустим есть компонент, который отрисовывает загруженный jpeg на канвасе и эмитит событие ready после отрисовки.
Мне циклом надо скормить компоненту допустим 5 jpeg-гов, и получить их обратно уже с канваса.
Ответить с цитированием
  #3 (permalink)  
Старый 30.09.2021, 13:30
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,480

Эти говноделы болт забили на парадигму vue и захреначили как в сраном реакте: node-сlicked у них не событие(v-on), а ещё один пропс(v-bind).

По второму вопросу - точно также как и без vue:
let index = 0;
let arr = [...];
function ready() {
  getResult();
  if(++index !== arr.length)
    showNext(arr[index]);
}
function getResult() {...}
function showNext() {...}
__________________
29375, 35

Последний раз редактировалось Aetae, 30.09.2021 в 13:35.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Локальное подключение компонентов vue? Lodas Библиотеки/Тулкиты/Фреймворки 0 11.04.2020 22:42
свойства объекта события Morr123 Элементы интерфейса 4 10.08.2016 06:36
draggable (запрет click для родителей компонента) khusamov ExtJS 5 13.04.2015 11:45
Дебаг js, или как найти обработчик события для тега jimm88 Events/DOM/Window 1 18.04.2012 15:11
Передача параметров в колбэки и дальнейшее их вешанье на события. Gremlin Общие вопросы Javascript 17 13.08.2011 08:54