Vue.js Vue.$http未定义,Laravel,未使用npm
我正在尝试使用Vue指令,并不断遇到Vue.http未定义错误 我的main.js文件中有这个片段Vue.js Vue.$http未定义,Laravel,未使用npm,vue.js,vue-resource,Vue.js,Vue Resource,我正在尝试使用Vue指令,并不断遇到Vue.http未定义错误 我的main.js文件中有这个片段 Vue.directive('ajax', { bind: function (el, binding, vnode) { el.addEventListener( 'submit', function(e){ e.preventDefault(); let button = el.q
Vue.directive('ajax', {
bind: function (el, binding, vnode) {
el.addEventListener(
'submit', function(e){
e.preventDefault();
let button = el.querySelector('button[type="submit"]');
let resetForm = true;
let formData = new FormData(el);
let formInstance = el;
let method = el.method.toLowerCase();
formInstance.classList.add('loading');
console.log(Vue.$http);
Vue.$http[method](el.action, formData).then(response => {
// success callback
}, response => {
// error callback
});
}
);
}
});
在body中,我只加载js文件,如下所示:
<script src="{{ asset('js/vue.js') }}"></script>
<script src="{{ asset('js/vue.resource.min.js') }}"></script>
<script src="{{ asset('js/main.js') }}?v={{ time() }}"></script>
但是,我一直遇到Vue.http未定义的问题:/I我没有使用npm,因为我不知道如何设置所有包。。。任何关于如何解决此问题的帮助都将不胜感激。应该是
Vue.http
而不是Vue.$http
。显然,您是正确的。我以前试过这个,但直到现在它才开始工作。非常感谢。