行走日记

[VUE]"TypeError: Cannot read property 'validate' of undefined"

时间: 2022-04-19
作者: BaiKeyang
分类: 技术
评论

在Vue表单验证时出现以下报错信息：[Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined" ...... 在这里的formName需要和保持一致才行。代码1：this.$refs[formName].validate((valid) => { ... }代码2：<el-form ref="ruleForm" label-width="120px" :model="ruleFo...

如何去掉vue路径中的“#”号

时间: 2022-04-11
作者: BaiKeyang
分类: 技术
评论

如何去掉vue路径中的“#”号我们在vue项目中使用vue-router时，路径中会有 # 号，这样看着也不舒服（例如“http://localhost:3000/#/”）。其实是因为路由有两种模式 hash 和 history，我们平时直接使用的是默认的hash，所以路径会有 # 号，因此我们只需要修改成 history 就可以了，如下图：接下来就改了下vue-router的模式export default new Router({ mode: 'history', routes: [ ... ] })改成‘history’模式，‘#’就去掉了，很开心。然而打完...

ES6之变量的解构赋值(Destructuring)

时间: 2022-02-04
作者: BaiKeyang
分类: 技术
评论

ES6中解构赋值主要分为6类，分别为数组解构赋值、对象解构赋值、字符串解构赋值、数值和布尔值解构赋值、函数参数解构赋值。什么是解构？在ES6中允许按照一定的模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构(Destructuring)数组解构赋值数组的解构赋值时，等号的右边必须是数组，否则将会报错。只要数据结构具有Iterator借口，则都可以采用数组形式的解构赋值。let [a, b, c] = [1, 2, 3]; a // 1 b // 2 c // 3这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些常见的解构例子...

【户外徒步】秦岭光头山

时间: 2022-01-09
作者: BaiKeyang
分类: 户外
评论

光头山又称麦秸摞，位于沣峪口内秦岭分水岭西侧，海拔2903米，（也有人说2886.9米），海拔高，气温低，山上树木不生，杂草繁茂，所以俗称“光头山”，上建有陕西电视台调频发射台，有土路可盘旋而上。光头山山顶为高山杜鹃、高山冷杉等低矮灌木以及高山草甸，视野极为开阔，立于山巅北望为关中大平原，秦岭著名山峰太白山、冰晶顶及鹿角梁等皆可遥遥相望。{bilibili bvid="BV16Z4y1S78P" page="BV16Z4y1S78P"/}位置坐标：秦岭光头山

【户外徒步】竹祥沟到塔盘沟环形穿越

时间: 2021-12-25
作者: BaiKeyang
分类: 户外
评论

周二约一两好友，前往竹祥沟-塔盘沟环形穿越。本次路线附近途径古观音禅寺、塔盘沟水库。古观音禅寺：古观音禅寺位于陕西省西安市长安区东大街办罗汉洞村，距西安市约30公里。始建于唐贞观二年（公元628年），距今约有1400年历史，为终南山千年古刹之一。据史料记载，建于唐贞观年间的古观音禅寺，当年已颇具规模。山门、大殿、钟鼓楼，云水寮一应俱全，占地300余亩，气势宏大，香火旺盛，直到文革。塔盘沟水库：塔盘沟水库位于西安市长安区三合村境内，是秦岭群山中一条有特色的山沟中的水库。 {bilibili bvid="BV1Bf4y1K78x" page=""/}环形起点位于东大镇祥峪的古观音禅寺旁边...

Flutter 2.0空安全之数据模型（Model）空安全适配技巧

时间: 2021-12-25
作者: BaiKeyang
分类: 技术
评论

数据模型（Model）空安全适配主要以下两种情况：含有命令构造函数的模型含有命名工厂构造函数的模型含有命令构造函数的模型含有命令构造函数的模型的空安全适配技巧：适配前：///数据模型 class ItemModel { int totalCount; List<Item> resultList; ItemModel.fromJson(Map<String, dynamic> json) { totalCount = json['totalCount']; if (json['resultList'] != null) { r...