Почему во Vue 2 теряются значения this.$attrs?

Question

[EranosyanEduard]

Здравствуйте.

Я работаю над проектом, который разработан на Vue 2 и использует библиотеку Vuetify.

В проекте существует следующая композиция компонентов: SIcon -> VIcon -> VIcon_ (2-а последних принадлежат библиотеке Vuetify). Компонент SIcon написан так, чтобы HTML-атрибуты явно передавались в VIcon - это позволяет использовать props-ы компонента VIcon_.

Я обнаружил, что компонент SIcon может потерять значения HTML-атрибутов, которые являются props-ами компонента VIcon_, если render-функция SIcon вызывается вновь из-за изменения состояния, но не могу понять в чём причина.

Помогите, пжл, разобраться.

Я реализовал пример указанного поведения в репозитории. Запуск проекта npm ci && npm run dev. Обратите внимание, что значение HTML-атрибута color здесь сначала попадёт в компонент VIcon_, но после обновления состояния size в компоненте SIcon он "потеряется".

Comments

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

А если вообще $attrs убрать и понадеяться на наследование? или в рендер функциях оно не работает? тогда опцию inheritAttrs выключить