更新记录

1.0.0（2025-12-30） 下载此版本

master

平台兼容性

uni-app(4.13)

其他

安装

在市场导入xf-pk-single-select uni_modules版本的即可，无需import

组件关联说明

• xf-scss辅助样式;
• xf-ts辅助样式;
• xf-popup;
• xf-radio-group;

代码演示

基本用法

• 使用组件代码如下：

<template>
    <scroll-view class="xf-col-center" scroll-y>
        <view style="width: 100%;">
            <xf-fm-select title="F1无按钮1" @click="showF1Fun" v-model:value="selectedF1"> </xf-fm-select>
            <xf-pk-single-select :hasFooterBtn="showFooterBtn" :list="singleLists" v-model="selectedF1"
                v-model:show="showF1"></xf-pk-single-select>
        </view>
    </scroll-view>
</template>

• 开发表单时组件xf-pk-single-select一般与xf-fm-select联合使用

• ts 基础用法：dataList的数据结构

  <script setup lang="ts">
  import { onReady, onShow, onBackPress } from '@dcloudio/uni-app'
  import { onMounted, ref, watch } from 'vue';
  
  const showF1 = ref(false)
  const selectedF1 = ref<any>()
  const showFooterBtn = ref(false)
  
  const singleLists = ref([
      {
          label: '选项1',
          value: 1,
      },
      {
          label: '选项2',
          value: 2
      },
      {
          label: '选项3',
          value: 3
      },
      {
          label: '选项4',
          value: 4
      },
      {
          label: '选项5',
          value: 5
      },
      {
          label: '选项6',
          value: 6
      },
      {
          label: '选项1',
          value: 7
      },
  ]);
  
  const showF1Fun = (isShow : boolean) => {
      showF1.value = true
      console.log(selectedF1)
  }
  </script>

API

Props

事件 Emits