ant-design,a-table




 {{ text | departFilter }} 


    编辑 
    
      删除
    
  
  

  • rowkey,唯一,多选等下拉框时使用
  • dataSource,对应的json数组
  • columns对应json返回的列名
  • 通过过滤器,把id转化为name,在页面显示
  • slot-scope="text, row" row传的是当前行的数据
  • 也可以像删除功能类似的传row.id

          
            {{record.state==item.value? item.text:""}}
          
        
        


  • 这种方式和filter的输出方式类似,如果逻辑直接,这么处理更容易

你可能感兴趣的:(ant-design,vue.js)