2

Доброго времени суток. Никак не выходит передать в компонент переменную через props. Пример моего кода:

HTML:

<div id='app-container'>         
    <user-edit v-bind:current-user-id="editID"></user-edit>
</div>

JS:

var userEditComponent = {
    template: '<p>{{currentUserID}}</p>',
    props: ['currentUserID']
};

var vm = new Vue ({
    el: '#app-container',
    data: {
        editID: 123
    },
    components: {
        userEdit: userEditComponent
    },
});

Результат - эта переменная currentUserID в компоненте всегда undefined, хотя вроде бы как в других компонентах передача таким способом работает. Не могу никак понять что упустил. Буду благодарен за помощь!

1 ответ 1

1

Скорее всего ошибка в имени, при передаче в пропсы переменная должна записаться как currentUserId, а не как currentUserID.

6
  • Не является ответом на вопрос. Чтобы оставить свои замечания или попросить у автора внести уточнения, оставьте комментарий к соответствующему сообщению. - Из очереди проверок
    – mymedia
    14 июн 2017 в 19:27
  • Почему не является ответом? Смысл в том, что автор передает переменную current-user-id, которая в пропсах должна записаться как currentUserId, а не как currentUserID. 14 июн 2017 в 19:34
  • 1
    Вероятно, эти пояснения стоит добавить прямо в ваш ответ. Так случайному посетителю (в чьей роли я был) проще будет разобраться.
    – mymedia
    14 июн 2017 в 19:36
  • Поправил ответ. 14 июн 2017 в 19:41
  • И это правильный ответ. Спасибо за подсказку. Я лично очень хотел чтоб та D была большой, но видимо, что лучше не спорить с вуежс
    – stdnik
    14 июн 2017 в 19:52

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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