@danilr

Почему навешивание событий не срабатывает и вообще ломает компонент Vue?

Маленький проект, поэтому сборщик не нужен - подключаю vue скриптом, скрипт с экзмемпляром Vue подключаю перед body. Нужно создать компонент и передавать в него данные, а также в компоненте наложить событие на клик и обработчик этого события.
Но когда я в компоненту на div пишу @click="delete", то ничего не происходит и компонент вообще не появляется на странице. В чём ошибка?
Вот файл js
const contentTemplate = `<div @click="delete" class="info-content-wrapper">{{tit}}</div>`;

Vue.component('info-content', {
  data: function(){
    return {
      title: 'wwwww'
    }
  },
  props: {
    tit: String
  },
  methods: {
    delete(){
      this.title = "aga shas"
    }
  },
  template: contentTemplate
});


new Vue({
  el: '#root',
  data: {
    test: 'qwewerwere'
  },
  methods: {

  },
  components: {

  }
});

Вот где использую в html
<div class="info-page-wrapper">
          <info-content tit="qwqwqwqwq"></info-content>
</div>
  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
notiv-nt
@notiv-nt
delete переименуйте в remove
https://github.com/vuejs/vue/issues/4966#issuecomm...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы