更新记录

1.0.0（2025-10-28） 下载此版本

项目init

平台兼容性

uni-app(4.76)

前提

项目依赖uni-easyinput 增强输入框 https://ext.dcloud.net.cn/plugin?name=uni-easyinput

view中使用

<uni-forms-item label="渠道绑定的用户" required name="users_id">
  <view class="user-select">
    <SearchDropdown
      v-model="form.users_id"
      :items="userItems"
      :loading="userLoading"
      :initialText="userInitialText"
      placeholder="请输入昵称或ID搜索"
      @search="onSearchUsers"
      @select="User"
    />
  </view>
</uni-forms-item>

data参数

data() {
  return {
    form: {
      users_id: 0
    },
    userItems: [], // [{id, text}] //下拉数据，数组对象，每个对象确保拥有id和text字段
    userLoading: false, //控制下拉框显示
    userInitialText: '' // 初始显示文本，如 “昵称 (id)”,可用在编辑修改时传递
  }
},

methods

onSearchUsers(q) {
  this.userLoading = true
  this.lastUserQuery = q || ''
  const data = { q: q || '' }
  uni.request({
    url: 'xxxx',
    data: {q: ""},
    header: {
        'token': 'xxxxx'
    },
    method: 'POST',
      success: (res) => {
      if ((q || '') !== this.lastUserQuery) return
          if (res.data.code === 200) {
            this.userItems = Array.isArray(res.data.data) ? res.data.data : []
          } else {
            uni.showModal({ title: '', content: res.message, showCancel: false })
          }
      }
  })
 },

 // 选择某个用户（可按需扩展）
 User(item) {
   // 这里无需手动赋值，v-model 已同步 form.users_id
   // 可按需进行其它联动展示或校验
 },