Блог

Главная - Вопросы по программированию - Я хочу отобразить сообщение с помощью v-модели, но оно не работает

Я хочу отобразить сообщение с помощью v-модели, но оно не работает

#laravel #vue.js

#laravel #vue.js

Вопрос:

Я изучаю vue с помощью laravel.
Я хочу отобразить сообщение во входном теге с помощью v-model, но оно не работает.

 <div class="card" id="myAppId">
<p>@{{ message }}</p>
<input type="text" v-model="message" class="form-control">
</div>

    <script src="{{ asset('js/vue.js') }}"></script>
    <script>

        new Vue({
            el: "#myAppId",
            data: {
                message : 'Hello Vue Js'
            }
        });

    </script>

Оно отображается только <p>@{{ message }}</p> с пустым полем ввода.

Комментарии:

1. Вы хотите отобразить его внутри поля ввода как значение по умолчанию или где-то еще?

2. Вы проверили, чтобы убедиться, что vue.js файл существует?

3. @Pranay я хочу отобразить сообщение внутри тега ввода

4. @GeorgeHanson да! vue.js существует.

5. Какие-либо ошибки в консоли?

Ответ №1:

Вы можете просто инициализировать эту переменную v-model начальным значением. Это должно достичь того, что вы ищете:

 data: {
     message: 'initial_message',
}