iView的Tabs组件的label属性用render如何获取参数

2021-06-25 1365点热度 0人点赞 0条评论

iView的Tabs 标签页组件里,里面的label想用render动态设置label的文字,render函数并可以接收参数,tabLabel可以使用参数,如下:

<!--根据items动态生成多个TabPane-->
<TabPane :label="tabLabel(item, index)" v-for="(item, index) in items">
</TabPane>
tabLabel: function (item, index) {
    return function (h) {
        return h('div', [
            h('span', {class: 'navbar-item-content'}, '第' + (index + 1) + '项'),
            h('Badge', {
                props: {
                    count: 3
                }
            })
        ])
    }
},

 

admin

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论