目录前言 1、 props / $emit 2、ref / $refs 3、eventBus事件总线($emit / $on) 4、依赖注入(provide / inject) 5、$parent /
顺晟科技
2021-06-19 08:08:38
210
开发一个Panel
组件,该组件具备面板的特性,如打开,关闭。具体业务组件继承该面板,处理自己的业务逻辑。
顺晟科技:
基于上面的目的,我考虑过组件组合和内容分发:
导航菜单页组件 MainBase.vue,在需要插入内容的地方
专门新注册一个账号过来回复的,我是想实现左侧导航菜单和右侧内容分别不同的组件,实现如下:
上面的实现方式UserEditor.vue
并不是一个Panel
,只是一个普通组件使用了Panel
组件,我希望的是UserEditor.vue
它是一个Panel
,具备Panel
的特性,但也有自己的业务逻辑实现。所以我想继承Panel
,但是我不知道如何将子组件(这里的父子我是指继承,而不是包含)的模板放到父组件的slot中。
内容页组件 Content.vue
我也不会,也想实现这类类似继承的组件
真不容易,一年多了,这个问题还不会?
<slot name="aaa"></slot>
<template>
<div>
<MainBase>
<template v-slot:aaa>
这里开始码内容页的模板内容。
</template>
</MainBase>
</div>
</template>
<script>
import MainBase from “./MainBase.vue”
export default Vue.extend({
components: {
MainBase
},
内容页组件的其它东西
})
</script>
参考下我的帖子:Vue组件继承实践:扩展分隔条(MySplitter)组件 · 语雀
09
2022-11
30
2022-09
23
2022-09
23
2022-09
23
2022-09
23
2022-09