文件上传模块设置禁用属性

 <!--
  * @Date: 2022-08-31 16:16:49
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-12-30 12:58:48
+ * @LastEditTime: 2022-12-30 16:53:12
  * @FilePath: /data-table/src/components/FileUploaderField/index.vue
  * @Description: 文件上传控件
 -->
 <template>
-  <div class="file-uploader-field">
+  <div v-if="HideShow" class="file-uploader-field">
     <div class="label">
       {{ item.component_props.label
       }}<span v-if="item.component_props.required">&nbsp;*</span>
@@ -81,6 +81,10 @@ const $route = useRoute();
 const props = defineProps({
   item: Object,
 });
+// 隐藏显示
+const HideShow = computed(() => {
+  return !props.item.component_props.disabled
+})
 const emit = defineEmits(["active"]);
 const show_empty = ref(false);
 

@@ -6,7 +6,7 @@
  * @Description: 图片上传控件
 -->
 <template>
-  <div class="image-uploader-field">
+  <div v-if="HideShow" class="image-uploader-field">
     <div class="label">
       {{ item.component_props.label
       }}<span v-if="item.component_props.required">&nbsp;*</span>
@@ -66,6 +66,10 @@ const $route = useRoute();
 const props = defineProps({
   item: Object,
 });
+// 隐藏显示
+const HideShow = computed(() => {
+  return !props.item.component_props.disabled
+})
 const emit = defineEmits(["active"]);
 const show_empty = ref(false);