输入字段在v-model中的Vue中不起作用

时间:2019-05-21 03:52:27

标签: vue.js input v-model

我在Vue单文件组件中具有以下模板语法:

<template>
   ...
   <input v-model="newInput">
   ...
</template>

在同一组件中,我有以下数据:

<script>
   ...
   data: () => {
     return {
      newInput: "",
     }
   }
   ...
</script>

问题:在Chrome中,此输入字段将不接受任何文本或数字。光标在该字段中闪烁,但是没有输入文字。我打开了开发工具,键入时没有数据更改。我检查了键盘设置,没有什么奇怪的。

对此表示赞赏!

1 个答案:

答案 0 :(得分:0)

就我而言,这很完美,

在模板标记中,我修改了输入,在脚本标记中,我修改了'data()'方法,该方法可以接受任何文本或数字。

尝试一下:

<?php


namespace App\Providers;
use Illuminate\Support\ServiceProvider;
use mysql_xdevapi\Schema;
use Illuminate\Support\Facades\Schema;

class AppServiceProvider extends ServiceProvider

{
    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
           Schema::defaultStringLength(191);
    }

    /**
     * Register any application services.
     *
     * @return void
     */
    public function register()`enter code here`
    {
        //
    }
}