解决封装的table formatter 不支持h标签或组件的问题

解决封装的table formatter 不支持h标签或组件的问题

添加formatter.vue进行渲染组件信息

Signed-off-by: Mr先生 <362270511@qq.com>

Web/src/components/table/formatter.vue

@@ -0,0 +1,24 @@
+<template>
+    <!-- 将render函数变量写在temolate标签中 -->
+    <render></render>
+</template>
+  
+<script lang="ts" setup>
+import { ref, watch,h } from 'vue';
+// 定义父组件传过来的值
+const props = defineProps<{
+	fn: any;
+}>();
+const render=ref();
+watch(
+	props,
+	async () => {
+        render.value=h("div",null,props.fn)
+	},
+	{
+		deep: true, //确认是否深入监听
+		immediate: true, //确认是否以当前的初始值执行handler的函数
+	}
+);
+
+</script>