开发中积累

break跳出循环/抛出错误也可以跳出循环
3,rules验证规则是否生效
然后watch:{
isValidCodeShow(val){
this.rules.validCode.required=val}
}当他的值isValidCodeShow改为true时,这个验证规则就生效,
方法二(先把所有rules写上,不需要就删除,对象的删除)
//规则删减
for (const key in obj) {
if(!e.hasOwnProperty(key)){
delete obj[key]
}
}
4,"json-bigint"处理大数字,防止丢失精度
比如:const str=‘{‘id’:1263848885827272}’
// 对于JSONbig 它在处理数据时，会自动识别其中的 大数， 并以数组的格式保存起来
const d=JSONbig.parse(str)精度不会丢失;const d2=JSON.parse(str)这样的数据精度会缺失
6,细节把控:后台数据不会是null就没关系,但是不确定,减少容错,加上this.showList=res.data.resultData || []
二级菜单到三级菜单增加的过滤筛选
首先起始的路由列表是,在用户登陆后后台返回给前端的,它储存在vuex里面的state的计算属性getter里面:
怎么调用:
computed:{
…mapGetters([‘permission_routers’]),
下面对获取该用户的路由列表进行过滤,达到我们需要的(在computed里面进行)
permissionRouters:function(){
let temPerRouters=JSON.parse(JSON.string(this.permission_Router))
return temPerRouters.filter(itemRouter=>{首先这个return是返回过滤后的数组
if(itemRouter.children){
itemRouter.children=itemRouter.children.filter(subItem=>{
//在二级菜单下遍历三级权限
if(subItem.children){
subItem.children=subItem.children.filter(thrItem=>thrItem.path!''这个是同行filter对应的,可以省略return)
if(subItem.children.length=0){subItem.children=null}
}
return !subItem.hidden这个return是subItem前面filter函数要对应的一个
})
}
return !itemRouter.hidden&&itemRouter.children&&itemRouter.children.length>0这个return是itemRouter前面filter函数对应的
})
}
}

1,父子组件传值.sync语法,看起来复杂些
子组件改变父组件的值：.sync语法糖
父组件

{{isShow}}

子组件

6,$options----->可以访问修改控制层中的数据，方法。。。
$el------>可以访问修改视图层作用域中innerHTML,改变样 式。。。和操作DOM差不多
$ref----->单独标记，随时访问
$slot----->先摆好位子，要按我的规矩来
inline-template------->给你占个位子，你自己折腾
provide----->老子提供给的，我的都想要看心情
inject------>儿子赶紧接着需要的存起来
$once------->就这一次，以后不管了
1,element ui-----table默认选中一行setCurrentRow(row)
1,对数据进行处理,使其用作唯一标识
遍历里面item.self=Math.random()
1, element里面使当前行高亮使用函数setCurrentRow,官方有文档,自己理解设定某行为选中行
1,isLoading: false防止多次触发，调用接口
pullData () {
if (this.isLoading) {
return
}
this.isLoading = true
getFieldPullData().then(res => {
this.isLoading = false
this.dataTime()
}).catch(() => {
this.isLoading = false
})
},

1,菜鸟教程左边代码修改,右边直接看效果(不错,可以作为自己的编辑器)
1,el-select的属性popper-append-to-body如果弹出选项框在滑动页面选项框位置脱离了原有应该的位置记得设置
1,el-table数据导出Excel
https://www.jianshu.com/p/fb9d3f5725b8
1,vue-json-excel-npm
https://www.cnblogs.com/gggggggxin/p/11982436.html
简洁版https://blog.csdn.net/z18511120547/article/details/109986272
1,vue使用QRcode或者vue-qr生成二维码
https://www.cnblogs.com/zouwangblog/p/11141125.html
1,Object.value()/.key()
https://blog.csdn.net/weixin_43675447/article/details/99232258
1,document.cookie
1,require.context()这个方法挺厉害的，可以遍历文件夹中的指定文件，然后自动导入，不用每次都用import
https://zhuanlan.zhihu.com/p/195539197
https://www.jianshu.com/p/c894ea00dfec
1,rem的插件名,flexible.js和postcss怎么配置
https://blog.csdn.net/ncj393437906/article/details/115717839
1,window.open()
https://blog.csdn.net/vastskyjoe/article/details/4122104