uniapp插件uViewplus的使用（涉及TS下的问题）-Toy模板网

这篇具有很好参考价值的文章主要介绍了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-plus
 import 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认不出来，他和下面的属性没有提示，书写起来不方便，容易写错。
参考了两个官方论坛的解决方案
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的属性还挺多的，工程量有点大就没写文章来源地址https://www.toymoban.com/news/detail-835953.html

到了这里，关于uniapp插件uViewplus的使用（涉及TS下的问题）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！