Skip to content

expandedRowKeys=[] table刷新 expandedRowKeys.splice(0)

table 换行 record.logs.map((s) => s.invoicedAt).join(' \r\n');

https://juejin.cn/post/7235906062310473784 报错信息: App.vue:14 [Vue warn]: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with markRaw or using shallowRef instead of ref.

js
<script setup>
import { reactive } from "vue";
import HelloWorld from "./components/HelloWorld.vue";
import MoreList from "./components/MoreList.vue";
import AsyncAwait from "./components/AsyncAwait.vue";
//warning 报错
const comMap = reactive([MoreList, AsyncAwait]);

//改 引入组件加入markRaw
const comMap = reactive([markRaw(MoreList), markRaw(AsyncAwait)]);

const comNum = 0;
</script>

<template>
    <component :is="comMap[comNum]" />
</template>

3.x 升级 4.x

a-config-provider -> ConfigProvider

修改组件

node_modules/ant-design-vue/es/vc-table/Body/BodyRow.js

调试

有缓存

"clear": "rm -rf ./node_modules/.vite/",
vue
<a-table-summary-cell
              v-for="(column,index) in columnsRef"
              :key="column.title"
              :index="column.dataIndex !== 'action' ? index : undefined"
            >
              <a-spin v-if="!summaryAllRef && index === 0" />
              <component
                :is="isFunction(column.summaryAll) && summaryAllRef ? column.summaryAll(summaryAllRef) : null"
                v-else
              />
            </a-table-summary-cell>

index 可让

column的fixed 属性生效

升级4.2的坑

点击清除图标有问题input 
Uncaught TypeError: C.cloneNode is not a function

fix: 修复inputRef指向错误问题 #7523
https://github.com/vueComponent/ant-design-vue/pull/7523

分支 8e8073d修复 4.2.6已修复

Lucking