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

Question

[Artemio95]

Есть computed

sliderHeight() {
            return this.$refs.slide[this.sliderActive - 1].clientHeight
        }

Оно все прекрасно считает, в девтулзах показывает число. Но стоит мне попробовать в шаблон вывести

:style="{
                        left: sliderOffsetLeft,
                        height: sliderHeight + 'px'
                    }"

То куча ошибок в консоли и само computed - "(error during evaluation)"
В чем может быть причина?

Answer 1

[0xD34F]

Кто-то невнимательно читал документацию:

Важное замечание о времени регистрации ссылок: поскольку ссылки создаются render-функцией, вы не сможете использовать их при первичной отрисовке — на тот момент они ещё не существуют! Кроме того, объект $refs не является реактивным, поэтому не стоит пытаться использовать его в шаблонах для связывания данных.

Соответственно, попытавшись что-то прочитать из $refs, вы получаете undefined, а попытка чтения свойства у udnefined - да, заканчивается ошибкой.

Comments

[Artemio95]

Как быть в таком случае? Мне нужно считать высоту элементов и задавать стиль на блок как раз эту высоту и еще чтобы при изменении ширины слайдера значение тоже пересчитывалось т.к. высота становится другой. Computed все считает, но в шаблон, получается, нельзя

[0xD34F]

Artemio95, ваш вопрос был не об этом, идите оформляйте новый.

[Artemio95]

0xD34F, У меня кончился лимит вопросов, придется новый аккаунт завести

[0xD34F]

Artemio95, это не моя проблема. А вы получили урок на будущее: начинать вопрос следует с рассказа о том, что за задачу вы пытаетесь решить. ЧТО, а не КАК.

[Artemio95]

0xD34F, Вы самый умный? Мне вот ваше умничество не сдалось. Лучше б ничего не отвечали, нежели эту ахинею про лимит. Вы еще и учитель, я посмотрю, уроки преподаете. Вам бы вот кто бы в детстве привил социализацию, вежливое общение, вы обычный человек, как и все

[edward_freedom]

Artemio95, а ты самый нет? Тебе бесплатно помогают, а ты еще ворнякаешь.

придется новый аккаунт завести

6.5. Использовать другие аккаунты с целью обхода суточных ограничений, правил Сервиса и санкций за нарушение правил Сервиса;

Если ты не согласен с правилами, милости прошу от сюда