Kaynağa Gözat

🎨 修改下拉框默认选中问题

imengyu 4 hafta önce
ebeveyn
işleme
16122c4a3e

+ 7 - 0
src/common/components/SimpleDropDownPicker.vue

@@ -8,6 +8,7 @@
   <u-picker 
     :show="show" 
     :columns="[columns]" 
+    :defaultIndex="[defaultIndex]"
     keyName="name"
     @cancel="show=false"
     @confirm="confirm"
@@ -47,6 +48,12 @@ const dispayText = computed(() => {
     return props.columns.find(item => item.id == props.modelValue)?.name || props.defaultText;
   return props.defaultText;
 });
+const defaultIndex = computed(() => {
+  let index = -1;
+  if (props.columns) 
+    index = props.columns.findIndex(item => item.id == props.modelValue);
+  return index >= 0 ? index : 0;
+});
 
 function confirm(e: { value: SimpleDropDownPickerItem[] }) {
   show.value = false;