ant-desgin-vue 1.7.8 组件问题汇总

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)
  }

后续会持续更新~

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值