技术博客——uni-app combox组件的调整和使用

081800438-谢靖怡 学生 2022-06-26 21:52:03
这个作业属于哪个课程软件工程实践2022年春-F班
这个作业要求在哪里软件工程实践总结&个人技术博客
这个作业的目标技术博客
其他参考文献《构建之法》

目录

  • 技术概述
  • 技术详述
  • 遇到的问题和解决过程
  • 总结
  • 参考文档

技术概述

uni-app提供的combox组合框在实际应用中与需求出现偏差,效果不佳,在微信开发者工具调试和真机调试中出现BUG,对组件源代码进行修改以达到更好的适配。

技术详述

1、将combox组合框导入HbuildX

img

2、这个组合框有个BUG是选中某个选项后,需要手动清除选项后才可以选择另外的选项,不太符合使用习惯,查看并修改部分源代码

<view class="uni-combox__input-box">
            <input class="uni-combox__input" type="text" :placeholder="placeholder" v-model="inputVal" @input="onInput" @focus="onFocus" @blur="onBlur" />
            <uni-icons class="uni-combox__input-arrow" :type="showSelector ? 'arrowup' : 'arrowdown'" size="14" @click="toggleSelector"></uni-icons>
            <view class="uni-combox__selector" v-if="showSelector">
                <scroll-view scroll-y="true" class="uni-combox__selector-scroll">
                    <view class="uni-combox__selector-empty" v-if="filterCandidatesLength === 0">
                        <text>{{emptyTips}}</text>
                    </view>
                    <view class="uni-combox__selector-item" v-for="(item,index) in newSelectorCandidates" :key="index" @click="onSelectorClick(index)">
                        <text :class="inputVal === item ? 'select-item' : ''">{{item}}</text>
                    </view>
                </scroll-view>
            </view>
        </view>

3、绑定组件,设置属性和数据等

<uni-combox :candidates="types" placeholder="违规停车" v-model="type" class="my-combox"></uni-combox>

img

遇到的问题和解决过程

原先传到后台数据的是反馈类型的文字,后来负责后台处理反馈的队友表示传反馈类型的数字会比较方便,就在上传前进行了对下拉框中选定数据的修改。
但是后面收到传入为空的提示,发现漏考虑了没有点击下拉框时的情形。于是又设置了这种情况下默认上传的反馈类型数据。

img

img

总结

uni-app中有很多可以直接使用的组件,非常方便,但在具体的使用上会出现一些偏差,此时应考虑修改源代码或构造其他组件。

参考文档

uni-app官网扩展组件说明
uniapp:uni-combox下拉选中之后下拉框只有被选中项 问题解决

...全文
5656 回复 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 松下电工数字压力传感器用户手册详细介绍了DP-100系列数字压力传感器,涵盖其技术参数、操作方法及适用场景等,适用于各类需要精准压力测量的工业环境。 双屏显示:主屏与输出动作同步,可同时显示当前值和基准值,便于实时监控与调整。显示屏为12段字母数字显示,数字清晰易读。 三色指示:屏幕颜色随传感器状态变化(红、绿、橙),便于快速判断工作状态。 紧凑结构:尺寸仅□30mm,适合空间狭窄的安装环境。 多种操作模式:提供RUN模式(日常操作)、菜单设定模式(深入设置如输出模式切换)及PRO模式(高级功能如应差调整、复制设定)。 安全认证:DP-101(A)/102(A)型号通过特定认证,确保产品安全可靠。 复制功能:可通过数据通信将主传感器设定内容复制到其他传感器,减少人工设定错误,节省时间。 高性能传感:具备高精度,分辨率1/2,000,反应时间2.5ms(最长5,000ms可调),温度特性±0.5%F.S.,重复精度±0.1%F.S. 电子元件吸附检测:监测吸盘是否成功吸附电子元件。 总压力监测:测量管道或容器内的压力水平。 空气泄漏检测:通过压力变化检测泄漏情况。 DP-101□:适用于低压环境(-100kPa至100kPa)。 DP-102□:适用于高压环境(0kPa至1MPa)。 订购时需根据实际需求选择合适型号,考虑传感器的适用范围和工作条件。手册提供详细订购流程及注意事项,包括相关认证信息(如韩国S标志)。 复制功能:通过数据通信将主传感器设定复制到其他传感器,支持多种设定模式,避免设定错误,节省时间。 操作模式:RUN模式用于日常监控,菜单设定模式用于深入设置,PRO模式提供高级功能。 使用前需仔细阅读手册,了解各功能使用方法。遵循安全指南,正确安装和使用传感器,避免损坏。对于

103

社区成员

发帖
与我相关
我的任务
社区描述
福州大学-计算机与大数据学院-傅明建
软件工程 高校
社区管理员
  • Mingjian_Fu
  • Lyu-
  • Wake_lie
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

本次作业截止时间为2022-02-18 23:59:59,请未完成的同学抓紧时间,加入社区后的同学要按照“学号-姓名”的格式修改社区昵称。

试试用AI创作助手写篇文章吧