Я пытаюсь отобразить ввод HTML на панели инструментов Vue dev и в консоли, но ни один из них не работает.
мой блейд-файл содержит этот код.
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<title>Chat Room</title>
</head>
<body>
<div class="container" id="app">
<div class="row">
<ul class="list-group offset-4 col-4">
<li class="list-group-item active">Chat Room</li>
<input type="text" class="form-control" placeholder="Type your
message here" v-model="text" @keyup='send'></input>
</ul>
</div>
</div>
{{-- <script src="{{ asset('js/app.js') }}"></script> --}}
</body>
</html>
app.js похож на это.
require('./bootstrap');
window.Vue = require('vue');
Vue.component('message', require('./components/message.vue'));
const app = new Vue({
el: '#app',
data: {
text:''
},
method:{
send(){
console.log(this.message);
}
}
});
Дело в том, что я не получаю никакой ошибки, но привязка также не работает.Я ищу вводимый текст в формате html для отображения в массиве данных консоли и vue панели.