当前位置: 首页 > news >正文

uniapp插件uViewplus的使用(涉及TS下的问题)

在技术选型后最后定了使用有团队维护的uview-plus3.0,官方文档
配置参考:https://juejin.cn/post/7169875753100640270
ts配置参考:https://blog.csdn.net/m0_70027114/article/details/132957426

引入

在项目文件的pages.json中的"easycom".“custom”: 添加如下

"easycom": {"autoscan": true,"custom": {……"^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue","^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue","^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"}
},

main.js文件中引入插件

// 引入全局uview-plusimport uviewPlus from './uni_modules/uview-plus/index.js'const app = createSSRApp(App)app.use(uviewPlus)return {app}

TS相关
创建env.d.ts

declare module '@/uni_modules/uview-plus';

并写入tsconfig.json

{	"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],"typeRoots": ["@/env.d.ts"]
}

遇到的问题

我的vue3项目使用了ts,这个插件引入之后就开始报uni. u 属性不存在,但不影响运行。因为 u属性不存在,但不影响运行。 因为 u属性不存在,但不影响运行。因为u认不出来,他和下面的属性没有提示,书写起来不方便,容易写错。
参考了两个官方论坛的解决方案
https://ask.dcloud.net.cn/question/163482
https://ask.dcloud.net.cn/question/141695
编译器HBuilder3.99 是允许的
https://www.cnblogs.com/00544–/p/17097648.html

declare module 'uview-plus' {  export function install(): void  //必要interface test {  /** 邮箱格式校验 */  email(email: string): boolean  }  interface $u {  test: test  }  global {  interface Uni {  $u: $u  }  }  
}

猜测需要将所有用到的类型一一注册,才能作为属性调用,uView的属性还挺多的,工程量有点大就没写

http://www.lryc.cn/news/305249.html

相关文章:

  • google浏览器chrome无法访问localhost等本地虚拟域名的解决方法
  • (2.2w字)前端单元测试之Jest详解篇
  • 【C++私房菜】面向对象中的多态
  • (done) 什么是特征值和特征向量?如何求特征值的特征向量 ?如何判断一个矩阵能否相似对角化?
  • [rust] 11 所有权
  • MySQL安装
  • AI时代显卡如何选择,B100、H200、L40S、A100、H100、V100 含架构技术和性能对比
  • R语言入门笔记2.5
  • 命令记录学习
  • Python3 TCP 客户端
  • 图论(算法竞赛、蓝桥杯)--拓扑排序
  • 内网穿透(docker部署frp)
  • Java设计模式 | 简介
  • 微信小程序video 点击自动全屏播放
  • MySQL基础面试问题(一)
  • 抖音爬虫批量视频提取功能介绍|抖音评论提取工具
  • mac真的安装不了vmware吗 mac如何安装crossover crossover序列号从哪里买 购买正版渠道
  • C语言-指针详解速成
  • C# RabbitMQ使用--动态更新
  • Unity资源加密解决方案
  • 使用 yarn 的时候,遇到 Error [ERR_REQUIRE_ESM]: require() of ES Module 怎么解决?
  • 多维时序 | Matlab实现基于VMD-DBO-BiLSTM、VMD-BiLSTM、BiLSTM的多变量时间序列预测
  • 实战营第四节笔记
  • 【网络】HTTPS协议原理
  • C#常识篇(一)
  • Linux使用C语言获取进程信息
  • tomcat通过JAVA_OPTS注入自定义变量 —— 筑梦之路
  • Linux——简单的Shell程序
  • 计算机网络-网络互联与互联网(一)
  • Android 解决后台服务麦克风无法录音问题