PavelUstyugov
@PavelUstyugov
Самозанятый веб-разработчик

Как в Treeview отловить клик по пункту дерева?

Использую Treeview от vuetify. Никак не могу отловить нажатие на любую ветвь дерева.
<v-treeview
          :items="tree"
          activatable
          active-class="primary--text"
          class="grey lighten-5"
          selected-color="indigo"
          on-icon="mdi-bookmark"
        >
        </v-treeview>


При клике мышкой на пункт дерева пункт меняет цвет. тем не менее нужно как то отловить событие чтобы потом определить id этого листа.
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
coderisimo
@coderisimo
Кому помог, не забывайте о СПАСИБО, б..! :-)
<v-treeview
    v-model="tree"
    :items="items"
    activatable
    item-key="name">
    <template slot="label" slot-scope="{ item }">
      <a @click="openDialog(item)">{{ item.name }}</a>
    </template>
  </v-treeview>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега Vue.js
<v-treeview :items="tree">
  <template slot="label" slot-scope="{ item }">
    <div @click="onClick(item)">{{ item.name }}</div>
  </template>
</v-treeview>

methods: {
  onClick(item) {
    console.log(item.id);
  },
},

UPD. https://codepen.io/anon/pen/qeOMeY?editors=1010
Ответ написан
Ваш ответ на вопрос

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

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