ant-design-vue 使用问题记录

1、改变select 三角按钮图标

1.使用 suffixIcon 参数 =》slot 放在自定义的icon或标签上

列子：

2、menu菜单栏不能收起展开问题，使用inlineCollapsed无效

1.需配合 a-layout-sider中collapsible一起使用

    
      

      
        
          
          nav 1
        
        
          
          nav 2
        
      
    
    
      
        
      
      
        Content
      
    
  

2.menu 中自定义图标收缩显示有问题，还需注意 给自定义icon添加class = "antion"，不给设置会如图，收缩不全

bug图.png

列子：

     
     {{item.name}} 

3、table 二次封装后 slot-scope传递参数使用问题

c组件

  //*用column.scopedSlots判断外部slot customRender是否有值，将record绑定传给外部父组件
      
    

a页面

      

data(){
  return {
    roleColumn:[
       {dataIndex:'name',title:'名称'},
       {dataIndex:'roleId',title:'内容'},
       {dataIndex:'describe',title:'权限',width:"50%",scopedSlots: { customRender: "operator" }}//通过scopedSlots.customRender设置
     ],
  }
}