Vuejs v-model не работает с Laravel
Я использую чат laravel с vue js.
Я получаю сообщение об ошибке, когда использую v-model в laravel.
Vuejs также не определяется через плагин VueJs.
<html>
<head>
<link rel = "stylesheet" href = "{{ asset('css/app.css') }}">
</head>
<body>
<div id = "app">
<input type = "text" class = "from-control" v-model = "message">
</div>
<script src = "{{ asset('js/app.js') }}" defer></script>
</body>
В моем app.js есть следующие
require('./bootstrap');
window.Vue = require('vue');
Vue.component('example', require('./components/Example.vue'));
const app = new Vue({
el: '#app',
data:{
message:'',
chat:{
message:[]
}
},methods:{
send(){
if (this.message.length !=0){
this.chat.message.push(this.message);
}
}
}});
Vue.config.devtools = true
Да, когда я удаляю v-model = 'message' во входных данных, время будет работать правильно
@JigneshPrajapati, почему вы добавляете задержку в тег <script>?
Я не знаю, но я удалил это перед той же проблемой, не повезло
Ладно. почему вы добавляете Vue.component ('example', require ('./ components / Example.vue')); ?
попробуйте с помощью <script src = "{{mix ('js / app.js')}}"> </script>
да, попробуйте, но ничего не изменилось, если вы хотите использовать anydesk или teamviewer
@JigneshPrajapati попробуйте изменить имя сообщения переменной в v-модели и данных.
Я делал раньше то же самое
@JigneshPrajapati попробуйте добавить тег формы перед тегом ввода.
@JinalSomaiya Нет, это не требуется для работы с v-моделью. Вы можете увидеть в этом пример
Ответы 2
Вы используете одинарную кавычку в v-модели, поэтому Vue может воспринимать ее как строку. Попробуйте использовать двойные кавычки, например:
<div id = "app">
<input type = "text" class = "from-control" v-model = "message">
</div>
@JigneshPrajapati Хорошо, тогда хотя бы используйте двойные кавычки в своем вопросе, чтобы мы знали, что вы уже пробовали это.
вы включили следующую строку в свой файл app.js:
import vmodal from 'vue-js-modal';
для получения дополнительной информации проверьте: Vuejs v-модель с Laravel
Вы знаете, что он говорит о v-modelдиректива, верно?
Думаю, вы путаете model с modal. «Вы можете использовать директиву v-model для создания двусторонних привязок данных для ввода формы, текстового поля и элементов выбора. Она автоматически выбирает правильный способ обновления элемента в зависимости от типа ввода».
Вы запускали
npm run dev?