Просмотр исходного кода

!931 解决封装的table formatter 不支持h标签或组件的问题
Merge pull request !931 from Mr先生/N/A

zuohuaijun 2 лет назад
Родитель
Сommit
dd8e9a394c
1 измененных файлов с 24 добавлено и 0 удалено
  1. 24 0
      Web/src/components/table/formatter.vue

+ 24 - 0
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>