怎么做律所的官方网站,微网站可以做商城吗,欧派全屋整装价格表,如何建立个人网站的步骤uniapp 官方扩展组件 uni-combox 实现#xff1a;只能选择不能手写#xff08;输入中支持过滤显示下拉列表#xff09; uni-comboxuni-combox 原本支持#xff1a;问题#xff1a; 改造源码参考资料 uni-combox uni-combox 原本支持#xff1a;
下拉选择。输入关键字只能选择不能手写输入中支持过滤显示下拉列表 uni-comboxuni-combox 原本支持问题 改造源码参考资料 uni-combox uni-combox 原本支持
下拉选择。输入关键字下拉列表自动过滤显示相关可以手动输入下下拉列表中不存在的内容。
问题
我的需求是不能让用户手输入只允许选择。 可能有人会说那不如直接使用 uni-data-select 但是这个又不支持输入京时自动过滤只显示包含京的选项。 所以只能自己改造一下了。
改造源码 在 data 中添加 oldVal 用于保存初始值在选择无效值时用于回填。在 watch 中如果没有值就初始化 oldVal。如果在 mounted 初始化万一 uni-combox 被多次封装就有可能拿不到值。在 onFocus 添加 this.inputVal ; 实现每次点开下拉列表都能显示所有值。默认因为已选的值起到过滤的作用下拉列表将不再有其他内容 onBlur 添加逻辑判断如果失去焦点时输入框中的值不是从下拉列表中选的就用 oldVal 覆盖它。
if(!this.filterCandidates.some(ssthis.inputVal)){ this.inputVal this.oldVal;
}参考资料
组件名uni-combox
