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

数组去重、深拷贝、过滤、钩子函数

时间:2023-03-31 17:39:28 vue.js

1。数组去重arr.reduce((res,item)=>{letele=res.find(o=>o[key]===item[key]);if(!ele){res.push(item);}returnres;},[])2.0-1(包括0,1)之间只允许两位小数hookMounted(){letinput=this.$refs.input.$refs.input;input.onkeypress=function(e){letreg=/^(0\.\d{0,2}|0|1)$/;如果(!reg.test(e.target.value+e.key)){`返回false;}};},3.Filter1>Usage使用管道符号即可。这和命令行中的“管道”或者后端的“中间件”一样,一进一出。<跨度>{{数据|filter}}2>自定义过滤器filters:{percent(value){if(Number.isFinite(value)){returnparseInt(value*100)+'%';}}},3>过滤参数第一个参数为原始数据,第二个参数对应传入的第一个参数,以此类推。{{日期|formatDate(66,99)}}

filters:{formatDate(value,arg1,arg2){`console.log(value)//日期console.log(arg1)//66console.log(arg2)//99...}}4>vue监听子组件的生命周期钩子5>深贝constdeepClone=(data)=>{if(datainstanceofObject){letnewData=newdata.constructor();for(letiindata){if(data.hasOwnProperty(i)){newData[i]=deepClone(data[i]);}}返回新数据;}else{返回数据;}};