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

阅读全部

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

阅读全部

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

阅读全部

开发应用时（在Android11.0【Android API 30】环境下）使用Webview插件加载页面出现如下图情况: 用模拟器尝试了下其他几个版本，发现8.0版本以下的都是可以正常显示网页的，于是上网查了下原因是说从Android9.0（也就是API 28）开始，默认情况下禁用明文支持。所以url无法在webview中加载。解决办法就是在AndroidManifest中application节点内添加android:usesCleartextTraffic="true"，如下:<manifest xmlns:android="http://schemas.andr...

阅读全部

自定义Widget的空安全适配分两种情况：Widget的空安全适配State的空安全适配Widget的空安全适配对于自定的Widget无论是页面的某控件还是整个页面，通常都会为Widget定义一些属性。在进行空安全适配时要对属性进行一下分类：可空的属性：通过?进行修饰不可空的属性：在构造函数中设置默认值或者通过 required 进行修饰class WebView extends StatefulWidget { String? url; final String? statusBarColor; final String? title; final bool? hide...

阅读全部

Flutter 2默认启用了空安全，所以通过Flutter 2创建的项目是已经开启了空安全的检查的，另外，也可以可以通过下面命令来查看你的Flutter SDK版本：flutter doctor那么，如何手动开启和关闭空区安全的？environment: sdk: ">=2.12.0 <3.0.0" //sdk >=2.12.0表示开启空安全检查提示：一旦项目开启了空安全检查，那么你的代码包括项目所依赖的三方插件必须是要支持空安全的否则是无法正常编译的。开启空安全之后，然后运行下项目你会看到很多的报错，然后定位到报错的文件，对项目进行空安全适配。...

阅读全部