<uni-data-select v-model="form.phase" :clear="false" placeholder="请选择单三相22" :localdata="XWLXlist">设置默认选中单相

uni-data-select 设置默认选中项

• 定义数据模型：首先需要在组件的 data 函数中定义一个变量，用于存储选中的数据。16
• 绑定 v-model：使用 v-model 绑定该变量到 <uni-data-select> 组件上。17
• 配置 localdata：通过 :localdata 属性传递一个数组，数组中包含对象，每个对象至少包含 text 和 value 两个属性。47
• 设置默认值：在 localdata 数组中的对象设置一个默认的 value，然后在 v-model 绑定的变量中设置相同的值作为默认选中项。10

示例代码

<template>
  <uni-data-select v-model="form.phase" :clear="false" placeholder="请选择单三相22" :localdata="XWLXlist"></uni-data-select>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const form = ref({
      phase: 1 // 假设默认选中项的值为 1
    });
    const XWLXlist = ref([
      { value: 0, text: "单相" },
      { value: 1, text: "三相" }
    ]);

    return {
      form,
      XWLXlist
    };
  }
}
</script>

在上述代码中，form.phase 被设置为默认选中项的值，XWLXlist 包含了选项列表，其中 value 为选项的值，text 为显示的文本。通过这种方式，可以设置 <uni-data-select> 组件的默认选中项。7