Почему не работает пропс VUE?
Создан компонент который должен принимать пропс, у пропса есть дефолтное значение.
При попытке передать в пропс true, ничего не меняется, значение так же остаётся false.
В чём может быть дело? Пробовал не задавать дефолтное значение
Vue.component('configurator', {
props: {
isLoading: {
default: false
}
},
template: '<div>{{ isLoading }}</div>' // <- Тут false, а должно быть true
})
,
<configurator :isLoading="true"/>
Ответы (1 шт):
Автор решения: yar85
→ Ссылка
При использовании шаблона в DOM, применяется kebab-case конвертация имен пропсов. Поэтому, в данном случае, указанное значение не попадает в пропс.
То есть, надо в шаблоне изменить формат имени пропса (атрибута директивы v-bind) с camelCase на kebab-case:
:isLoading="true" ? :is-loading="true"