未知的自定义元素laravel vue
未知的自定义元素laravel vue
提问于 2019-12-12 16:15:32
当我尝试使用vue执行post请求时，我得到了这个错误
我的app.js
Vue.component('comment', require('./components/Comment').default);
const app = new Vue({
el: '#app',
store
});我的Comment.vue
<template>
<div class="container">
<div class="row">
<div class="col-md col-md-12">
@comments(['model'=>$book])
</div>
</div>
</div>
</template>
<script type="text/javascript">
export default {
props: ['book'],
mounted() {
console.log('Mounted');
},
data() {
return {
message: '',
};
},
methods: {
formSubmit(e) {
e.preventDefault();
let self = this;
axios.post('comments', {
message: this.message,
})
.catch( (error) => {
flash("Something Went Wrong", "danger");
});
}
}
}
</script>我在这个页面中使用了这个名为review.blade.php的组件
<div id="app">
<comment></comment>
</div>但是在控制台中出现错误，我是不是必须给组件命名，或者.I不能理解这个问题
vue.common.dev.js:630 [Vue warn]: Unknown custom element:
<comment> - did you register the component correctly?
For recursive components, make sure to provide the "name" option.
(found in <Root>)回答 1
Stack Overflow用户
发布于 2019-12-12 16:45:27
您的模板中包含一些Blade语法：
<div class="col-md col-md-12">
@comments(['model'=>$book])
</div>如果这不能解决您的问题，那么您可能需要在加载app.js文件或本地加载Vue实例的组件时进行检查：
import comment from './components/Comment';
const app = new Vue({
el: '#app',
store,
components: {
comment
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59300244
复制相关文章
相似问题
腾讯云开发者
