如何在 Laravel 中使用 v-model答案

【问题标题】：How to use v-model within Laravel如何在 Laravel 中使用 v-model
【发布时间】：2019-08-02 03:59:20
【问题描述】：

下面是我的 app.js 文件。当使用 v-model 而不是 v-modal 时，我是否需要在 app.js 文件中导入任何内容或通过 npm 下载任何内容？我已经运行了 npm install。模板工作正常，所有正常的 vue 功能都正常工作，我只在涉及 v-model 时卡住了。 v 模型不工作。当我使用 v-model 时，邮件没有出现在正文中。

require('./bootstrap');

window.Vue = require('vue');

Vue.component('example-component', require('./components/ExampleComponent.vue').default);
Vue.component('formtemp', require('./components/formtemp.vue').default);

const app = new Vue({
    el: '#app',
});

Vue 组件

<template>
    <div class="form-group">
        <label for="email">Email</label>
        <input
                v-model='email'
                type="text"
                id="email"
                placeholder="email"
                class="form-control"
        >
        <h1>Email: {{email}}</h1>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                email: ''
            }
        },
    }
</script>

【问题讨论】：

“卡住”是什么意思？什么不起作用？
您阅读了标题还是描述正文？
@DerDeutsche 我和特拉维斯一样困惑。你的问题不清楚。当您输入输入时，您没有在h1 中看到email 输出吗？
我刚刚将你的vue组件中的代码复制到我自己的示例组件中，它运行良好，所以我认为你可以排除组件内部的代码问题。
这可能是其中之一。请不要以错误的方式回答这些问题，但很高兴知道没有遗漏任何内容。 1) 在对组件进行任何更改后，您是否运行过npm run dev 或npm run watch？ 2) 浏览器控制台或终端/cli 编译期间是否有任何错误/问题？您能否展示您如何在 html 中包含 formtemp（假设这是您示例中的组件）？

标签： laravel vue.js

【解决方案1】：

我猜 formtemp 组件会生成一个表单元素。

我认为 formtemp 不包括 Example 组件，因此它生成的输入元素在表单元素之外，并且在进行 HTTP 调用时不会发送。 p>

在您的表单组件中包含 示例组件 应该可以修复它。

【讨论】：