@svk44

Почему v-bind перестает работать со строками?

Почему когда я передаю в пропс строку, то они не работают?
пример:
<card-item :title="Неработающий заголовок"/>
  <card-item title="Работающий заголовок"/>
  • Вопрос задан
  • 135 просмотров
Решения вопроса 2
0xD34F
@0xD34F Куратор тега Vue.js
<card-item :title="Неработающий заголовок"/>

Понятно. Давайте посмотрим, что относительно назначения директивы v-bind говорит документация:

Динамически связывает атрибуты тега или входной параметр компонента с выражением.

Вопрос вам: почему вы решили, будто Неработающий заголовок - это выражение?
Ответ написан
JRK_DV
@JRK_DV
Рецепты https://codepen.io/jrkdv/full/LKLXdq
потому что с ":" - это вычисляемый аттрибут

для примера, строку можно взять в одинарные кавычки, чтобы это было валидное выражение:
:title="'Неработающий заголовок'"

можно рассматривать как:
var title = 'Неработающий заголовок';
без одинарных кавычек, получается так:
var title = Неработающий заголовок; - ошибочная конструкция
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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