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

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

ЗЫ. Я тут первые шаги делаю, а толковых степ-бай-степ - маловато
14 MakaMaka
 
10.08.19
20:14
надо делать веб сервис и сайт поднять
15 Asmody
 
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.
18 Asmody
 
12.08.19
12:58
(16) А сервер на чем?
19 ДенисЧ
 
12.08.19
13:01
(18) Apache + mod_wsgi + mysql
20 Asmody
 
12.08.19
14:12
(19) flask?
21 ДенисЧ
 
12.08.19
14:25
(20) Нет. Самописка, кроме вуя пока никаких фреймворков.
22 Глок 17
 
12.08.19
16:11
(0) О, коллега! Я тоже на TypeScript ваяю! :)))
2 + 2 = 3.9999999999999999999999999999999...