iview TabPane 動態label render

html

<Tabs type="card" @on-click="navbarClick">
    <TabPane
         v-for="(item, index) in navbarList"
         :key="index"
         :name="item.name"
         :label="tabRender(item)"
    ></TabPane>
</Tabs>

Js

data() {
    return {
        tabRebder: data => {
            return h => {
                return h('div', [
                    h('span', { class: 'navbar-item-content' }, data.title),
                    h('Icon', { class: 'navbar-item-icon' }),
                ])       
            }
        }
    }
}

 

參考網站https://segmentfault.com/q/1010000011189544