V-модель не работает в Laravel Vuejs

Question

Я использую ElementUI в приложении Laravel, проблема, с которой я сталкиваюсь, заключается в том, что директива v-model не работает. Я также попытался ввести нормальный ввод, но директива v-model все еще не работает.

export default {
  props: ['cardHeading'],
  data() {
    return {
      formData: {
        name: 'asdf',
        password: ''
      },
      csrfToken: window.Laravel.csrfToken
    }
  },
  methods: {
    submitForm(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          alert('submit!');
        } else {
          console.log('error submit!!');
          return false;
        }
      });
    }
  },
  mounted() {
    console.log(this.formData);
  }
}

<el-form ref="form" label-position="right" :model="formData" label-width="100px">
  <h1>{{cardHeading}}</h1>
  <input type="hidden" name="_token" :value="csrfToken">
  <el-form-item label="Email: ">
    <el-input type="email" v-model="formData.name"></el-input>
  </el-form-item>
  <el-form-item label="Password: ">
    <el-input type="password" suffix-icon="fa-icon-view" v-model="formData.password"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" round>Create<i class="el-icon-d-arrow-right"></i></el-button>
  </el-form-item>
</el-form>

Answer 1

Я не уверен, что это проблема, но это определенно проблема.

В вашей layouts/app.blade.php вашей загрузке app.js дважды.Я бы предложил удалить один из head в строке 15:

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>