![](/img/trans.png)
[英]How to fix Vue warn]: Unknown custom element: <password-input>?
[英]How to fix error [Vue warn]: Unknown custom element?
[Vue 警告]:未知的自定义元素:
<app-page-test>
- 您是否正确注册了组件? 对于递归组件,请确保提供“名称”选项。(在
<Root>
找到)
信息。
我在 laravel 项目的自定义页面中添加了组件。
测试刀片.php
@extends('layouts.app')
@push('scripts')
<script src="{{ asset('js/base/page/test/app.js') }}" defer></script>
@endpush
@section('content')
<div id="pageTest">
<app-page-test></app-page-test>
</div>
@endsection
资源/js/base/page/test/app.js
import Vue from 'vue';
import App from './components/main';
import store from './store/index';
Vue.component(
'app-page-test',
App
);
new Vue({
el: '#pageTest',
store
});
资源/js/base/page/test/components/main.vue
<template>
<div class="app-page-test">
<p>test</p>
</div>
</template>
<script>
export default {
name: "app-page-test",
mounted() {
console.log('Component mounted.')
}
}
</script>
试试这个方法
import Vue from 'vue';
import App from './components/main';
import store from './store/index';
Vue.component('app-page-test', require('./components/AppPageTest.vue').default);
new Vue({
el: '#pageTest',
store,
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.