炸裂的雏菊
2019-06-26 17:55
采纳率: 100%
浏览 1.8k

vue slot插槽内控件不显示值

<el-row>
            <el-tabs  v-model="activeName" @tab-click="handleClick">
                <el-tab-pane name = "waitTodo">
                  <span slot="label">
                    <i class="el-icon-message">待处理</i>
                    <el-badge  v-model="waitTodo" :max="99"    class="item"></el-badge>
                  </span>
                </el-tab-pane>
                <el-tab-pane label="已处理" name="done"></el-tab-pane>
                <el-tab-pane name="waitToAssign">
                  <span slot="label">
                    <i class="el-icon-message">待指派</i>
                    <el-badge v-model="waitToAssign" :max="99"    class="item"></el-badge>
                  </span>
                </el-tab-pane>
                <el-tab-pane label="审核未通过的" name="reject"></el-tab-pane>
            </el-tabs>
        </el-row>

上图是代码,我在Tab的slot中定义了一个badge,显示待处理和待指派的数量,后台已经拿到了,也返回了值,之前项目用的是Vue+elementUI,现在换成了vue-elementui-admin,之前是可以正常显示的,现在必须进入页面后手动切换一下Tab才会显示数量,求教大佬们这是为什么,下面是具体情况:图片说明图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 炸裂的雏菊 2019-07-02 09:58
    已采纳

    解决了,原因是element-ui的版本过低,升级到最新版本就好了

    点赞 打赏 评论
  • xiao_fei_blog 2019-06-27 16:26

    activeName有默认值吗?

    点赞 打赏 评论
  • 追逐、 2019-06-28 18:25

    应该是el-tabs控件在初始时并没有加载不显示的tab-panel组件引起的。

    点赞 打赏 评论

相关推荐