zxz-uni-data-select 插件,uniapp项目vue3,下拉框可搜索,使用问题解决,如何使用,类型声明,自动扫描全局使用,插件文件eslint报错,组件导入。input点击出现蓝色问题

input框点击出现蓝色背景,uniapp项目,这是ios系统手机独有的问题,安卓和window系统没有。要在点击的标签里面加上 -webkit-tap-highlight-color-CSDN博客

uniapp项目,要实现下拉框可搜索的功能,uniapp官方组件和uview都没有这个功能的组件。我到uniapp的插件市场找了个下载多的插件 zxz-uni-data-select

这个插件可以实现下拉框搜索功能

点击下载zip包

 下载后解压

 然后在pages.json里的自动扫描配置里添加这个插件,让uniapp自己扫描,这样就可以全局用了

 然后给这个插件要进行类型声明,和自己写全局组件的类型声明一样

有时下载的插件文件会报错,这和我们的eslint检查有关,要想不报错

 在这个插件文件里,在最顶部写/* eslint-disable */

让eslint不检查这个文件

 然后在你需要的页面里,导入这个插件

 组件名

 这个下拉框可搜索的组件能用了

zxz-uni-data-select 插件,uniapp项目vue3,下拉框可搜索,使用问题解决,如何使用,类型声明,自动扫描全局使用,插件文件eslint报错,组件导入。input点击出现蓝色问题_第1张图片

zxz-uni-data-select 插件,uniapp项目vue3,下拉框可搜索,使用问题解决,如何使用,类型声明,自动扫描全局使用,插件文件eslint报错,组件导入。input点击出现蓝色问题_第2张图片

你可能感兴趣的:(前端)