Adward
@Adward
Вебмастер с 2001 года

Как в v-treeview сделать корневой элемент постоянно открытым?

Есть вот такое вот дерево:
<v-treeview
            v-model="selection"
            :search="search"
            :active.sync="active"
            :open="otkrytie"
            dense selectable activatable hoverable            
            :items="treeitems"
            item-disabled="locked"
            color="warning"
            selection-type="independent"
            selected-color="red" />

У него всего лишь один элемент верхнего уровня:
_wKumtcw7vU7q4R24ODwkmrRkvI_bUDXdNn9tojndOYt0sOMbg9GyDHXbHo0zcwjuJZ-Pg9uCK4XitEL2HhpGA==?uid=0&filename=2020-08-31+03-05-22+BH+MVP++%D0%9A%D0%BE%D0%BD%D1%81%D0%BE%D0%BB%D1%8C+%D0%90%D0%B4%D0%BC%D0%B8%D0%BD%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%82%D0%BE%D1%80%D0%B0+-+Google+Chrome.png&disposition=inline&hash=&limit=0&content_type=image%2Fpng&tknv=v2&owner_uid=27834637&size=2048x2048

Мне непонятно, что я должен записать в массив otkrytie: [], чтобы элемент самого верхнего уровня всегда был открытым?
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега Vue.js
data: () => ({
  opened: [],
  ...
}),
watch: {
  opened: {
    immediate: true,
    handler(val) {
      const id = this.treeitems[0].id;
      if (!val.includes(id)) {
        val.push(id);
      }
    }
  },
  ...
},

:open.sync="opened"
Ответ написан
Ваш ответ на вопрос

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

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