时间戳

首页 > 解决方案 > Vuejs v-model 不适用于 Laravel

laravel - Vuejs v-model 不适用于 Laravel

问题描述

我正在使用 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

在此处输入图像描述

标签： laravelvue.js

解决方案

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

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

推荐阅读