1

Создан компонент который должен принимать пропс, у пропса есть дефолтное значение.

При попытке передать в пропс true, ничего не меняется, значение так же остаётся false.

В чём может быть дело? Пробовал не задавать дефолтное значение

Vue.component('configurator', {
    props: {
        isLoading: {
          default: false
        }
    },
    template: '<div>{{ isLoading }}</div>' // <- Тут false, а должно быть true
})

,

<configurator :isLoading="true"/>

1 ответ 1

1

При использовании шаблона в DOM, применяется kebab-case конвертация имен пропсов. Поэтому, в данном случае, указанное значение не попадает в пропс.

То есть, надо в шаблоне изменить формат имени пропса (атрибута директивы v-bind) с camelCase на kebab-case:
:isLoading="true" 🠆 :is-loading="true"

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.