zoukankan      html  css  js  c++  java
  • 《Antd踩坑记》Antd Tabs无法动态设置选中的tab页

    问题:tabs绑定v-model / activeKey无效;无法动态设置选中的tab页

    问题代码:

    <a-tabs v-model="activeKey" tab-position="left">
        <a-tab-pane v-for="(type,index) in item.checkApplyTypes" :key="index" :tab="type.checkTypeName">


    原因:循环加载tab-pane 时将key绑定了index,index是number类型,控件无法识别

    正确代码:

    <a-tabs v-model="activeKey" tab-position="left">
        <a-tab-pane v-for="(type,index) in item.checkApplyTypes" :key="(index+1).toString()" :tab="type.checkTypeName">

    总结:一定要注意tabs activeKey/v-model和tab pane的key绑定的类型,必须是string类型!!!

  • 相关阅读:
    基本运算符
    格式化输出
    Python与用户的交互
    数据类型
    变量
    正则表达式
    vuex方法
    vue的webpack打包步骤
    浮动问题
    媒体查询技术
  • 原文地址:https://www.cnblogs.com/Yan3399/p/15392813.html
Copyright © 2011-2022 走看看