下拉框组件默认值和只读显示

 <!--
  * @Date: 2023-03-29 14:55:46
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-03-29 15:05:01
+ * @LastEditTime: 2024-06-06 15:53:10
  * @FilePath: /data-table/src/components/PickerField/MyComponent.vue
  * @Description: 文件描述
 -->
@@ -14,7 +14,7 @@
       :name="props.key"
       :required="props.component_props.required"
       :placeholder="props.component_props.placeholder"
-      @click="showPicker = true"
+      @click="onClick"
       :border="false"
     />
     <!-- <van-field v-if="has_add_info" :name="add_info_name" v-model="add_info" label="" placeholder="请输入补充信息" :border="false" style="border: 1px solid #eaeaea;border-radius: 0.25rem; padding: 0.25rem 0.5rem; margin-top: 0.25rem;" /> -->
@@ -38,6 +38,12 @@ const props = inject('props');
 const showPicker = ref(false);
 const picker_value = ref(props.component_props.default);
 
+const onClick = () => {
+  if (!props.component_props.readonly) { // 非只读状态下可以点击弹出
+    showPicker.value = true;
+  }
+};
+
 const onConfirm = ({ selectedOptions }) => {
   picker_value.value = selectedOptions[0]?.value;
   showPicker.value = false;