当前位置: 首页 > Web前端 > vue.js

vue+typscript项目中遇到的问题

时间:2023-03-31 23:24:18 vue.js

问题是typescript引入了一个没有声明的第三方库。使用mapforEachfilterfindintypescript遍历使用[]获取属性报错Elementimplicitlyhasan'any'typebecauseexpressionoftype'string'can'tb...vue原项目批量转换方法转换tots的写法答案1.声明第三方库有些第三方库是有声明文件的。这个时候我们只需要npminstall@types/{modulename}没有声明文件的第三方库在项目中的src下创建一个@type文件夹,并在该文件夹下写一个声明文件Example//main.tsimport{VeRadarChart}from've-charts'Vue.component('VeRadarChart',VeRadarChart)//@types/definition.d.tsdeclaremodule've-charts'{exportclassVeRadarChart{}}声明后即可使用likethisService//不能直接遍历Service获取属性,但是tService可以让_promises=this.formItem.map(({service}:any):any=>{returntService[service]()})//Promise。全部。..........xxxx......//service.tsexportdefault{asyncgetList(params){returnawaitXXXXXX}}//const.tstypeFormItem={label:Tprop:Ttype:Tservice:T}exportconstformItem:Array>=[{label:'投诉类型',prop:'complainType',type:'select',service:'getComplainType'},{label:'问题维度',prop:'problemDim',type:'select',service:'getProblemDim'},{label:'Userrisklevel',prop:'riskLevel',type:'select',service:'getRiskLevel'}]3.批量转换方法大师的转换神器