
typescript
longzhoufeng
这个作者很懒,什么都没留下…
展开
-
js根据数组对象属性删除里面的指定对象
js根据数组对象属性删除数组指定的对象原创 2022-10-21 17:58:06 · 3215 阅读 · 0 评论 -
ES6判断数组的对象是否包含某个属性值
1、就是某种情况下,我们需要判断一个数组的每一个下标值为对象时,我们再给它push一个对象属性,但是这个对象的属性值不能相同,所以要查看它是否存在相同的属性值。例如,下面的数组,我们要在给他添加一个对象,但是对象里面prop的属性值,如果已经有了,就不添加, const arr = [ { label: "ip地址", prop: "ip", type: "input" }, { label: "服务器端口", prop原创 2021-01-28 18:48:37 · 16368 阅读 · 6 评论 -
vue-typescript-bus
vue-typescript-bus为了实现两个页面组件之间的数据传递,假设我有页面A,点击页面A上的某一个按钮之后,页面会自动跳转到页面B,同时我希望将页面A上的某一些参数携带过去给页面B。(传参数的时候可以通过路由的params或者query去传参数,或者大型数据可以用vuex来处理,但是有些人还是喜欢用vue-typescript-bus中央事件来处理)安装npm i -S vue-m-ts-bus使用方法,在main.ts里面#main.tsimport Vue from 'vue';原创 2020-07-06 09:53:02 · 745 阅读 · 0 评论 -
typeScript中map和filter使用方法与区别
首先,这两个方法map()和filter()都是对调用他们的数组进行遍历。那么我们在项目中,什么情况下使用map(),又在什么情况下使用filter()呢?在了解这个问题之前,我们需要知道的是他们区别在哪儿?1、map()的使用方法:arr.map((item,index,array)=>{……})2、filter()的使用方法:arr.filter((item,index,array)=>{……})都是将函数写在方法的括号里,参数也一样,行参的参数说明:item:当前处理原创 2020-06-03 10:29:15 · 15444 阅读 · 0 评论 -
vue动态路由加载时 Cannot find module xxx 错误解决方法
vue由静态路由改为动态路由时,出现下面的错误静态路由懒加载,当我们把在router里面,把它写死在ts里时,它加载的ok的,可是我们通过api接口拉取过来的数据时,发现是不报了上面的错// 静态路由懒加载export const loadView = (view: any) => { return () => import(`@/views/${view}.vue`)}错误原因是webpack打包逻辑,webpack4中动态import不支持变量方式,查看路由返回的信息,只是原创 2020-06-01 11:43:53 · 58602 阅读 · 40 评论 -
typescript递归遍历
1、先定义一下数据类型interface entity { id: any; label: string; children?: children[];}2、定义子级数据类型interface children { id: any; label: string; children?: children[];}3、定义方法const returnList = (list: entity) => { if (list.children && l原创 2020-05-28 11:35:34 · 2778 阅读 · 0 评论 -
Property ‘clearSelection’ does not exist on type ‘Vue’
首先vue+typescript下报Property ‘clearSelection’ does not exist on type ‘Vue’这种情况居然会编译错误,查看报了什么错,显示是分析原因: 它不知道是哪个类型的属性,因为我们这里用到了TypeScript,而TypeScript 又是强类型检查所以报了这个错。解决方案:将原来的this.$refs['multipleTable'].clearSelection()修改为任意类型 (this.$refs['multipleTa原创 2020-05-27 15:21:03 · 2875 阅读 · 1 评论 -
vue-typescript组件在项目中的几种通信方式
前言在项目中,经常会遇到各种组件与组件之间,父子组件,子父组件之间的数据交互问题,而单个组件的实例出来的数据又是相互独立的,这就意味着不同组件之间的数据无法相互引用,在项目中,大部分的项目中,一般会有几种方式,需要我们去解决,解决了项目的组件通信问题,也就意味着,我们可以把很多的公共的部分进行封装,然后供其它组件之间的引用。针对不同的使用场景,在项目中有几种方式可以使用,如:props、 $emit/ $on、vuex、 $parent / $children、$attrs/ $listeners和原创 2020-05-22 13:09:50 · 1376 阅读 · 0 评论 -
Typescript中的as、问号与感叹号
1、as关键字表示断言在Typescript中,表示断言有两种方式。一种是扩号表示法:let someValue: any = "this is a string";let strLength: number = (someValue).length;另一种使用as关键字:let someValue: any = "this is a string";let strLength: number = (someValue as string).length;2、问号(?)用于属性定义问号表原创 2020-05-20 18:05:59 · 23503 阅读 · 3 评论 -
Typescript:The left-hand side of an arithmetic operation must be of type 'any'
TypeScript定义的变量,在使用时,提示错误,如下 const { importance, type, title, page = 1, limit = 20, sort } = req.query let mockList = articleList.filter(item => { if (importance && item.importance ...原创 2020-04-29 16:42:31 · 6078 阅读 · 0 评论 -
JS数组转字符串(去除字符串中的中括号)
var str = '这是一个字符串[html]语句;[html]字符串很常见';//移除字符串中的所有[]括号(不包括其内容) console.log(str.replace(/\[|]/g, ''));//=>这是一个字符串html语句;html字符串很常见//移除字符串中的所有[]括号(包括其内容)alert(str.replace(/\[.*?\]/g, ''));//=&...原创 2020-04-28 15:58:34 · 10245 阅读 · 1 评论 -
深入理解await与async
1.awaitawait 的意思就是等待。它后面可以跟一个表达式。如果是值(如字符串、数字、普通对象等等)的话,返回值就是本身的值。不过最常用的是后面跟一个promise 对象。await会等待这个promise的状态由pending转为fulfilled或者rejected。在此期间它会阻塞,延迟执行await语句后面的语句。如果promise对象的结果是resolve,它会将resol...原创 2020-04-22 18:27:51 · 729 阅读 · 0 评论 -
Vue 无法访问.env.development定义的变量值
在.env.development定义变量时,发现获取不取值。比方:原来的定义的一个变量,是可以访问的VUE_APP_BASE_API = '/dev-api'上面的是可以访问的后来发现有多个接口,需要调用不同地址访问,就需要配置多个代理服务器的IP,我自己又定义了一个服务器地址:APP_DEV_USER_API = ‘/devApi’输出是:undefined后来翻看官方文档发现定...原创 2020-04-15 17:33:15 · 9375 阅读 · 1 评论 -
TypeScript+Vue 插件vue-property-decorator的使用
标题1、安装依赖npm install vue-class-component vue-property-decorator --save-dev标题首先,我们来说说它们的区别与联系:1、vue-property-decorator社区出品;vue-class-component官方出品2、vue-class-component提供了Vue、Component等;3、vue-prope...原创 2020-03-27 00:42:07 · 2380 阅读 · 0 评论