v-model 在 laravel vuejs 中不起作用答案

【问题标题】：v-model not working in laravel vuejsv-model 在 laravel vuejs 中不起作用
【发布时间】：2019-01-31 06:19:00
【问题描述】：

我在 Laravel 应用程序中使用 ElementUI，我面临的问题是 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>

【问题讨论】：

sn-p 工具作为一个按钮Tidy 格式化您的代码并使其更易于阅读。
我做了整理，你现在可以帮我吗？ @t.niese
不是我无法帮助您，因为我目前无法检查问题可能出在哪里。如果您查看编辑历史记录，您会发现我在写评论之前进行了代码格式化。不知道你做了什么没有使用Tidy。无论如何，我刚刚通知你，你知道未来的问题。
你在用vue吗？我没有看到那里的进口商品
让我看看我是否可以做一些事情，比如制作这个项目的 github repo，然后你可以克隆它

标签： javascript laravel vue.js element-ui

【解决方案1】：

我不确定这是否是问题，但绝对是一个问题。

在您的layouts/app.blade.php 中加载app.js 两次。我建议删除第 15 行 head 中的那个：

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

【讨论】：