Вход | Регистрация
 

Знатоки Вуе есть? Обмен сообщениями...

Знатоки Вуе есть? Обмен сообщениями...
Я
   ДенисЧ
 
10.08.19 - 12:38
Есть компонент
template>
    <div class="menu">
        <p v-for="(item, index) in items1" v-bind:key="index">
            <a :href="item.ref" v-on:click.prevent="OnURLClick">{{item.title}}</a>
        </p>
    </div>
</template>
@Component
export default class Menu extends Vue {
  @Prop() items1: Array<DataComponents.MenuItem> | undefined
  public OnURLClick () {
    console.log('in Menu OnURLClick')
    this.$emit('URLCicked')
  }
}
<style>
</style
По идее он должОн кидать сообщение OnURLClick. Функция отрабатывает, в консоли видно.
В родительском:

<template>
  <div id="app">
      <div class="menu" @URLCicked="URLCicked">
        <Menu></Menu>
      </div>
    </main>
   </div>
</template>

<script lang="ts">

export default class App extends Vue {
  public URLCicked () {
    console.log('in App URLCicked')
  }
}
</script>

Событие не приходит. Хотя вроде написано всё по документации https://metanit.com/web/vuejs/4.15.php

Я что-то упустил?

ЗЫ. Да, компоненты в разных файлах, используется TypeScript
 
 
   Asmody
 
1 - 10.08.19 - 14:46
Может таки
<Menu @URLCicked="URLCicked" />
?
   Asmody
 
2 - 10.08.19 - 14:47
И это, в ts разве компоненты импортировать не надо?
   ДенисЧ
 
3 - 10.08.19 - 15:58
(2) Они имопртируются, я просто пропустил это .
а (1) сейчас проверю, может, действительно я лохалнулся
   ДенисЧ
 
4 - 10.08.19 - 16:05
(1) Данке дищЬ.
И правда, я лоханулся.
   Asmody
 
5 - 10.08.19 - 16:52
(4) вуешные события не всплывают по дому
   Garykom
 
6 - 10.08.19 - 16:56
Блин все хочу поизучать какие то фронтовые фреймворки типа того же ангуляра, реакта или вуе но все никак не могу себя увлечь этим делом.
Мне проце начать свой писать который будет УФ из 1С эмулировать ))
   Garykom
 
7 - 10.08.19 - 16:57
(6) *проще
   NorthWind
 
8 - 10.08.19 - 17:31
вуе... может, все-таки вю?
   ДенисЧ
 
9 - 10.08.19 - 17:47
(8) Ми, рюсские, ваших хранцузских ни разумеем. Написано ву, значить ву! )))
   ДенисЧ
 
10 - 10.08.19 - 17:47
(5) Я не понял это го выражения.
   Asmody
 
11 - 10.08.19 - 17:48
(8) Скорее "вью". Как "view"
   Asmody
 
12 - 10.08.19 - 17:53
(10) Ты во втором компоненте написал обработку события в родительском узле. Так можно делать со многими 'стандартными' событиями DOM: если событие не обработано элементом, оно передаётся родителю, т.е. событие как бы "всплывают" по структуре DOM.
Но у vue своя подсистема событий.
   ДенисЧ
 
13 - 10.08.19 - 17:57
(12) Так ловится же... Уже поймалось... Что я днт?

Или это не по феншую?
Я хочу, чтобы одна дочка крикнула, а мамка услышал и передала другой...

ЗЫ. Я тут первые шаги делаю, а толковых степ-бай-степ - маловато
   MakaMaka
 
14 - 10.08.19 - 20:14
надо делать веб сервис и сайт поднять
   Asmody
 
15 - 11.08.19 - 11:32
(13) Вот тут можно покопаться https://github.com/vuejs/awesome-vue#tutorials
Например, вот https://laracasts.com/series/learn-vue-2-step-by-step
Ну и тут всякого https://medium.com/js-dojo
   ДенисЧ
 
16 - 11.08.19 - 18:59
(15) Спасибо за ссылки, почитаю.
Хотя я уже разобрался и та часть, что хотел - уже работает...
Осталось дело за малым... Дизайн рисовать и серверную часть...
   Глок 17
 
17 - 12.08.19 - 07:33
(8) правильно: bye.
   Asmody
 
18 - 12.08.19 - 12:58
(16) А сервер на чем?
   ДенисЧ
 
19 - 12.08.19 - 13:01
(18) Apache + mod_wsgi + mysql
   Asmody
 
20 - 12.08.19 - 14:12
(19) flask?
   ДенисЧ
 
21 - 12.08.19 - 14:25
(20) Нет. Самописка, кроме вуя пока никаких фреймворков.
   Глок 17
 
22 - 12.08.19 - 16:11
(0) О, коллега! Я тоже на TypeScript ваяю! :)))


Список тем форума
Рекламное место пустует  Рекламное место пустует
ВНИМАНИЕ! Если вы потеряли окно ввода сообщения, нажмите Ctrl-F5 или Ctrl-R или кнопку "Обновить" в браузере.