Bootstrap Table for Element 部分icon不显示解决方案

  • A+
所属分类:Bootstrap Table

Bootstrap Table for Element 部分icon不显示解决方案

出现的问题

  • 如图 部分icon不能加载
  • Bootstrap Table for Element 部分icon不显示解决方案

    解决方案

    1.升级element-ui 到当前最新版本 (推荐)

    1. 首先卸载项目中的element-ui  
    2. npm uninstall element-ui  
    3. 安装更新最新的element-ui  
    4. npm i element-ui -S  
    5. (更新想要安装的版本命令为npm install element-ui @2.0.11 -S)  

    2.在 table.js 中设置下 icons

    1. import $ from 'jquery'  
    2.   
    3. $.extend($.fn.bootstrapTable.defaults, {  
    4.   icons: {  
    5.     paginationSwitchDown: 'el-icon-arrow-down',  
    6.     paginationSwitchUp: 'el-icon-arrow-up',  
    7.     refresh: 'el-icon-refresh',  
    8.     toggleOff: 'el-icon-mobile-phone',  
    9.     toggleOn: 'el-icon-mobile-phone',  
    10.     columns: 'el-icon-menu',  
    11.     detailOpen: 'el-icon-circle-plus-outline',  
    12.     detailClose: 'el-icon-remove-outline',  
    13.     fullscreen: 'el-icon-rank',  
    14.     sort: 'el-icon-sort',  
    15.     search: 'el-icon-search',  
    16.     clearSearch: 'el-icon-delete'  
    17.   }  
    18. })  

    效果图

    Bootstrap Table for Element 部分icon不显示解决方案

    钰玺

    发表评论

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: