Question

下面是我的app.js文件。使用v模型而不是v模型时，我是否需要在app.js文件中导入任何内容或通过npm下载任何内容？我已经运行了npm install。模板可以正常工作，所有正常的vue功能都可以正常工作，只有在涉及v模型时，我才陷入困境。 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>

Answer 1

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

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

>

在表单组件中包含 Example组件应该可以解决该问题。

如何在Laravel中使用v模型

1 个答案: