uniapp uni-combox 下拉提示无匹配项(完美解决--附加源码解决方案及思路)

问题描述

匆匆忙忙又到了周一啦,一大早就来了一个头疼的问题,把我难得团团转,呜呜呜~

下面我用代码的方式展示出来,看下你的代码是否与我的不同。

解决方案

java 复制代码
<uni-forms-item label="名称" name="drugName" required labelWidth="80">
  <uni-combox
      :candidates="drugItems"
      v-model="medicationInfoForm.drugName"
      @input="comboxInput"
  ></uni-combox>
</uni-forms-item>

这是uni-combox组件代码,看似一点毛病都没有,控制台也没有报错,一直提示无匹配项drugItems是在

声明的,赋值也赋上了,就是不出来下拉里面。
重点来了,也是解决方案~~~

注意看v-model里绑定的medicationInfoForm.drugName,我声明的时候是直接medicationInfoForm:{},但是这样一般来说也是可以的,像赋值input文本框都是没问题的。

换一种声明方式:在medicationInfoForm{}里加上drugName。

例如:采用这种声明方式你可以试一下,我的问题就是这样解决的

java 复制代码
medicationInfoForm: {
  drugName: ''
 },
相关推荐
shmily ....8 小时前
医疗预约系统中的录音与图片上传功能实现:Vue3+Uniapp 实战
uni-app
小阿技术9 小时前
uniapp制作一个个人页面
uni-app
小阿技术9 小时前
uniapp制作一个视频播放页面
uni-app
小周同学:14 小时前
uni-app获取手机当前连接的WIFI名称
智能手机·uni-app
书山有路勤为径~17 小时前
【解决问题】HBuilderX窗口文字太小
uni-app
qq_424409191 天前
uniapp的app项目,某个页面长时间无操作,返回首页
前端·vue.js·uni-app
2501_915918411 天前
Fiddler中文版全面评测:功能亮点、使用场景与中文网资源整合指南
android·ios·小程序·https·uni-app·iphone·webview
不知名It水手1 天前
uniapp运行项目到ios基座
ios·uni-app·cocoa
hunzi_11 天前
搭建商城系统
java·uni-app·php
合作小小程序员小小店1 天前
web网页,在线%食谱推荐系统%分析系统demo,基于vscode,uniapp,vue,java,jdk,springboot,mysql数据库
vue.js·spring boot·vscode·spring·uni-app