@Wiemdier_brenul

Почему шаблон не видит props?

У меня есть родительский компонент, в который я передаю ссылку :new-url. Я пытаюсь вставить его в таблицу, при переборе таким образом:
<template v-slot:table-row="props">
          <div class="table-element">
            <template>
              <a :href="this.newUrl">{{ props.formattedRow[props.column.field] }}</a>
            </template>
          </div>
        </template>

По итогу ошибка:
"TypeError: Cannot read properties of null (reading 'newUrl')"
.
Но если буквально для теста вставить пропс параметр в другое место, например выше этого вложенного темплейта, вот так: <div><a :href="this.newUrl">test link</a></div>, то ссылка работает. В чем может быть проблема?
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
SPART4K
@SPART4K
Middle Front-end Developer (Vue.js/Nuxt.js)
Убери this
В шаблоне не нужно
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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