Как отменить рендер в vue&?

Question

[Максим Тимофеев]

делаю подобие табов, из дочернего элементы, вызываю родительский метод, который **не важно что-то делает** при этом мне надо что бы сама дочка не формировала html. Не могу понять как лучше сделать?

mounted: function () {
      let tab = {
        title: this.title,
        content: this.$el.innerHTML
      };
      this.$parent.addTab(tab);
    },

то есть надо отменить рендер.
И если кто знает как получить данные из
<slot></slot> изящнее (правильнее) чем this.$el.innerHTML - вообще спасибо буду говорить

Answer 1

[Антон Антон]

а почему не вставить компонент в родителя вместо этого изврата с копированием html?

Comments

[Максим Тимофеев]

Он и есть в родителе иначе бы изврат this.$parent не сработал.
Допустим есть структура

<tabs>
  <tab></tab>
  <tab></tab>
</tabs>

а надо получить в итоге отдельно список ссылок, отдельно список табов. Вот поэтому весь рендер через v-for в родителе, а дочки только по событию mounted передают ему данные свои

[Антон Антон]

Вы очень странно хотите делать табы. Если компоненты одинаковые, то почитайте про v-for, если разные, то про <component :is="name"/>

[Максим Тимофеев]

Антон Антон, сделал, на родителя возложил только рендер линков, а сами блоки с контентам рендерит сам компонент tab.

Answer 2

[Владимир Проскурин]

Не очень понятно, что вы хотите сделать. Вы хотите из дочернего компонента извлечь html, и чтобы при этом компонент не рисовал этот html? Мне кажется, так нельзя. И мне кажется, так не правильно.
Может тогда не нужно использовать этот дочерний компонент, а просто в родителе нарисовать этот html?

Comments

[Максим Тимофеев]

да уже пришел к выводу, что в родителя передаем данные для формирование одного списка, а сам элемент рендерит сам себя