Question

我已经习惯了Vue.js，但似乎偶然发现了这里的基础知识...... 我使用包含Vue.js的Laravel 5.4，所以我在我的视图中得到了这个代码：

-1

<form class="form-horizontal" role="form" method="POST" action="{{ route('login') }}" id="loginform">
<div class="field columns">
    <p class="control column is-half">
        <a class="button is-success is-fullwidth">Login</a>
    </p>
    <p class="control column is-half">
        <input type="text" v-model="rememberme" name="remember">
        <a class="button is-light is-fullwidth"><span class="fa fa-square-o fa-vertical-middle fa-has-margin fa-force-1rem"></span>Remember me</a>
    </p>
</div>

但不管我做什么，我总是得到

app.js：19558 [Vue warn]：属性或方法“rememberme”未在实例上定义，但在渲染期间引用。确保在数据选项中声明反应数据属性。

所以我正在检查谷歌并查看了一些在线教程，但我仍然遇到了这个问题在我的布局中，我在脚本部分之前加载了app.js，所以Vue.js实际上就在那里。

Answer 1

从您共享的pastebin，您可以看到您已经有一个脚本app.js，其中包含一个Vue实例，其根#app div作为绑定到该实例的元素。< / p>

因此，第一个Vue实例在rememberme div中看到#app属性，但本身并没有rememberme属性，所以它＆＃39;给你那个警告。

只需将rememberme属性添加到app.js脚本中的Vue实例：

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

无法使用Vue.js和Laravel将模型绑定到输入

1 个答案: