Vuejs v-model 不适用于 Laravel答案

【问题标题】：Vuejs v-model is not working with LaravelVuejs v-model 不适用于 Laravel
【发布时间】：2019-05-27 20:52:46
【问题描述】：

我正在使用 laravel 与 vue js 聊天。

我在 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

【问题讨论】：

你跑npm run dev了吗？
是的，当我在输入中删除 v-model='message' 时，时间会正常工作
@JigneshPrajapati 为什么要在
我不知道，但在同样的问题没有运气之前我已经删除了它
@JinalSomaiya 不，这不是使用 v-model 所必需的。你可以在这个example看到

标签： laravel vue.js

【解决方案1】：

你在 v-model 中使用了单引号，所以 Vue 可以把它当作一个字符串，试试这样的双引号：

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

【讨论】：

@JigneshPrajapati 好的，那么至少在你的问题中使用双引号，这样我们就知道你已经尝试过了。

【解决方案2】：

您是否在 app.js 文件中包含以下行：

 import vmodal from 'vue-js-modal';

更多信息请查看：Vuejs v-model with Laravel

【讨论】：

你知道他在说v-modeldirective对吧？
我认为您将model 与modal 混淆了。 “您可以使用 v-model 指令在表单输入、文本区域和选择元素上创建双向数据绑定。它会根据输入类型自动选择正确的方式来更新元素。”