目录前言 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