更新记录

1.1.0（2022-07-08） 下载此版本

• 添加 debounceTime 属性

1.0.0（2022-07-04） 下载此版本

• 上传组件

平台兼容性

combox-remote

• 该组件需要配合 uni-ui 使用，即项目中需要安装 uni-ui
• 该组件是基于 uni-ui 中的 uni-combox 组件开发的
• 由于 uni-combox 组件需要所有下拉待选的数据放到本地，不支持远程搜索，故扩展了此组件
• 使用该组件可以远程搜索数据并更新，支持防抖功能

基本用法

<script setup>
  import {
    ref,
    reactive,
  } from 'vue'

  const formData = reactive({
    value1: ''
  })

  const candidates = ref([])

  // 模拟异步请求数据
  // 将获取到的数据赋值给 candidates 作为传递给组件的数据
  function handleSearch(val) {
    uni.showLoading({
      title: '加载中'
    })
    setTimeout(() => {
      uni.hideLoading()
      if (!val || val === '0') {
        candidates.value = []
      } else {
        candidates.value = [val, val + 1, val + 2]
      }
    }, 500)
  }
</script>

<template>
  <view>
    <uni-forms ref="form" :modelValue="formData">
      <uni-forms-item label="Label1">
        <combox-remote
          v-model="formData.value1"
          :candidates="candidates" 
          placeholder="请输入"  
          @search="handleSearch">
        </combox-remote>
      </uni-forms-item>
    </uni-forms>
  </view>
</template>

API

Props

Events