冰魂魄的博客

引入全局过滤器// main.jsimport { numberToCurrencyNo } from '@/utils/util'// 配置全局过滤器，实现数字千分位格式Vue.filter('numberToCurrency', numberToCurrencyNo)在页面的标签内 是直接使用的{{formatMoney(item.recharge).bigMoney | numberToCurrency}}但在customRender内 就需要像调用具体方法的形式去使用

闲话不说 直接上代码<a-table :columns="headerData" :dataSource="tableData" :pagination="pagination" :rowKey="res => res.order_num" :scroll="{ x: 1200,y:500 }" class="mb20"> <span slot="customTitle"> 打款回单 <a-tooltip ..

卡片标题上添加图标给卡片里面元素身上加slot属性，值等于title，需要取消组件a-card的title属性，不然无效。<a-card :body-style='{padding:0}'> <div slot="title"><a-icon type="smile" />卡片标题</div> <p>card content</p> <p>card content</p> &lt

如果只是对于超出隐藏 可以直接使用ellipsis 进行设置，方便快捷columns = [{ id: "1", checked:true, width: 100, title: '更新时间', dataIndex: 'update_at', ellipsis: true,}]但有的时候 title的hover显示效果 满足不了我们的需求 ， 要求我们使用类似于tooltip的形式 对省略的字段进行显示 代码如下：columns = [{ i...