1.table组件
使用title自定义插槽,自定义表头样式和内容
解决:去除title属性,并添加slots: { title: '' }
{
// title: '',
slots: {
title: "titleSlotName",
},
}
同时实现tooltip提示和排序sorter,排序只有升序且不能更改
解决:使用title自定义插槽,实现排序效果
<template
v-for="(slotItem, slotIndex) in titleSlotColumns"
:slot="slotItem.slots.title">
{{slotItem.title}}
<span
v-if="slotItem.sorter"
:class="slotItem.dataIndex === order_by ? order_by : ''">
<div class="topIcon"></div>
<div class="bottomIcon"></div>
</span>
<a-tooltip v-if="slotItem.tip" :title="slotItem.tip">
<a-icon type="info-circle"></a-icon>
</a-tooltip>
</template>
2.a-select组件
不支持下拉框值value为boolean值,true,false
解决:使用map映射,转化为字符串形式
const valueMap = { "true": true, "false": false };
if (typeof value === 'boolean') {
value = String(value)
}