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: ''
 },
相关推荐
2501_915918412 小时前
掌握 iOS 26 App 运行状况,多工具协作下的监控策略
android·ios·小程序·https·uni-app·iphone·webview
知识分享小能手2 小时前
uni-app 入门学习教程,从入门到精通,uni-app基础扩展 —— 详细知识点与案例(3)
vue.js·学习·ui·微信小程序·小程序·uni-app·编程
2501_915909065 小时前
iOS 混淆实战,多工具组合完成 IPA 混淆与加固(源码 + 成品 + 运维一体化方案)
android·运维·ios·小程序·uni-app·iphone·webview
赵庆明老师6 小时前
Uniapp微信小程序开发:EF Core 中级联删除
uni-app
Javashop_jjj7 小时前
三勾软件| 用SpringBoot+Element-UI+UniApp+Redis+MySQL打造的点餐连锁系统
spring boot·ui·uni-app
Q_Q51100828514 小时前
python+uniapp基于微信小程序的心理咨询信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
HuYi_code15 小时前
WeChat 小程序下载文件实现
微信小程序·uni-app
00后程序员张16 小时前
HTTPS 包 抓取与分析实战,从抓包到解密、故障定位与真机取证
网络协议·http·ios·小程序·https·uni-app·iphone
2501_9159214316 小时前
iOS混淆与IPA加固实战手记,如何构建苹果应用防反编译体系
android·macos·ios·小程序·uni-app·cocoa·iphone
Q_Q51100828519 小时前
python+uniapp基于微信小程序的学院设备报修系统
spring boot·python·微信小程序·django·flask·uni-app