vue3 页面引入组件
子组件内容
注意这里的 name: "Rabbitmq",要与下面引用的时候一致
<template>
<div>
<!-- 你的组件内容 -->
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</div>
</template>
<script>
import { listRabbitmq, getRabbitmq, delRabbitmq, addRabbitmq, updateRabbitmq, exportRabbitmq } from "@/api/gw/rabbitmq";
export default {
name: "Rabbitmq",
data() {
return {
// 你的数据
};
},
methods: {
// 你的方法
}
};
</script>
父组件
坑一 没有{}
import Rabbitmq from '@/views/gw/rabbitmq/index.vue'; 不要写成
import {Rabbitmq} from '@/views/gw/rabbitmq/index.vue';
坑二、路径不要写错了
<template>
<div>
<Rabbitmq />
</div>
</template>
<script>
import Rabbitmq from '@/views/gw/rabbitmq/index.vue';
export default {
name: 'ParentComponent',
components: {
Rabbitmq
}
};
</script>
原文地址:https://blog.csdn.net/qq_37591637/article/details/140514998
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!