18910140161

组件继承以及父子模板的混合

顺晟科技

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)组件 · 语雀

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航