Question

我正在与Vue js一起使用laravel聊天。

在laravel中使用v-model时出现错误。

也无法通过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

enter image description here

Answer 1

您是否将以下行添加到app.js文件中：

 import vmodal from 'vue-js-modal';

有关更多信息，请检查：Vuejs v-model with Laravel

Answer 2

您在v-model中使用单引号，因此Vue会将其作为字符串，尝试使用双引号，如下所示：

<div id="app"> <input type="text" class="from-control" v-model="message"> </div>

Vuejs v模型不适用于Laravel

2 个答案: