invalid_oath的博客

a-cascader级联选择的使用以及注意事项（基于AntDesignVue）

invalid_oath — Sun, 10 Apr 2022 17:53:59 +0800

包括a-cascader的基本使用，进阶的动态加载数据或者预加载数据，以及自定义字段名简化代码。

同一个路由携带不同参数打开多个页面，多个页面的数据都一样（子组件实时监听父组件的属性变化，路由的传参未响应）

invalid_oath — Fri, 24 Dec 2021 01:54:51 +0800

子组件根据路由变化，实时监听父组件的属性变化一. 问题背景二. 问题分析三. 总结一. 问题背景啊，又是满满的一天！话不多说，回到正题，这几天在做英语学习后台管理系统的时候，出现了一个问题，就是点击试卷详情（以下界面）进入试卷详情页查看该套试卷的用户学习记录（下图）在这里，我分别点开了三个不同试卷的学习记录，发现这三个记录都是相同的（一个吊样），这就让我懵逼了，咋回事？仔细看了一下地址栏，路由地址也不同撒。莫非是我的子组件接受父组件传过来的paperId的时候出问题了？这是我的第一个猜测。于是

flex布局属性详解&&基于flex的单元素，整体元素居中方法&&代码示例

invalid_oath — Sun, 19 Dec 2021 18:48:25 +0800

CSS-flex布局属性详解一. 基本属性以及代码示例1.父元素属性(1) 为父元素添加display 属性，值为flex(2) flex-direction 属性（改变子元素排列方式）(3) justify-content 属性（改变子元素沿主轴对齐方式）(4) align-items 属性（定义 flex 子元素沿交叉轴的对齐方式）(5) flex-wrap 属性（指定子元素换行方式）2.子元素属性(1) flex-shrink 属性（收缩子元素）(2) flex-grow 属性（增大子元素）(3) f

Ant Design Vue中出现报错： Invalid prop: custom validator check failed for prop “pagination“

invalid_oath — Wed, 15 Dec 2021 16:11:54 +0800

一.问题背景最近在搞一个英语学习平台管理系统的时候，遇到了一个问题，莫名奇妙报了一个pagination的校验错误警告，这可把我整懵逼了看了一下代码，也没有错撒，而且我之前封装的组件用的好好的，怎么就错了呢？然后开始对问题进行剖析。二.问题分析要想解决问题，首先就要对问题进行定位，从控制台中可以粗略的看到，问题大概是出在Table表格组件上。好，我先翻到使用表格组件的地方：嗯。貌似没看到相关的pagination的属性，再看看传入s-table中的数据源data和列属性colums：对比一下

vector数组的定义以及操作

invalid_oath — Mon, 01 Nov 2021 15:42:24 +0800

一. 一维数组 1. 数组初始化 //第一种初始化，就单纯的建立一个可变数组array，因为还没有存放元素，未分配空间 vector array; //第二种初始化，是使用初始化列表来指定初始值以及元素个数 //以初始化列表中的値作为元素初始值，生成有6个数的初始vector数组 vector array = {1,2,3,4,5,6}; vector array{1,2,3,4,5,6}; //第三种初始化，使用初始元素个数以及指定元素

CSS-智能表单

invalid_oath — Sun, 19 Sep 2021 12:13:53 +0800

一.效果图二.代码实现 &l

踩坑系列-VUE的表单重置-报错：TypeError: Cannot read property ‘resetFields‘ of undefined“

invalid_oath — Thu, 09 Sep 2021 21:19:15 +0800

一. 背景最近写的一个后台管理的时候需要对密码以及手机号进行修改，但是我想在修改手机号或者密码的对话框关闭的同时，将表单数据和验证规则清空，达到比较好的体验效果。二. 寻找原因起初我使用的是resetFields将重置，（注意： resetFields 作用不是清空表单，而是将所有字段值重置为初始值）。但是呢，写出来的代码出现"TypeError: Cannot read property ‘resetFields’ of undefined"的错误。我找了一下，引用网上的原因：这个错误是因为你的do

ES6-获取promise对象里面的数据进行操作

invalid_oath — Wed, 08 Sep 2021 17:12:20 +0800

一. Promise基础 1. promise对象的生命周期：初始为挂起态（pending），表示异步操作尚未结束。一个挂起的 Promise 也被认为是未决的（unsettled）。一旦异步操作结束， Promise就会被认为是已决的（ settled ），并进入两种可能状态之一：（1）已完成（ fulfilled ）： Promise 的异步操作已成功结束；（2）已拒绝（ rejected ）： Promise 的异步操作未成功结束，可能是一个错误，或由其他原因导致。内部的 [[Promise

CSS文本属性

invalid_oath — Mon, 30 Aug 2021 15:58:01 +0800

文本属 </article> <article> <h1>CSS选择器以及优先级</h1> <p>invalid_oath — Fri, 27 Aug 2021 12:45:35 +0800</p> 1. 常用选择器 ID选择器：id表示身份，在页面中元素的id值不允许重复，因此id选择器只能选择单个元素。在style标签里面的格式为：#id名称{样式内容} 如： #navigation { height: 80px; line-height: 80px; text-align: center; background-color: white; } 也可以针对单个元素里面的某个元素生效，比如针对某个div元素里面的图片生效，防止影响到其他元素的图片：#banner img { width: 100% </article> <article> <h1>html-表单篇</h1> <p>invalid_oath — Tue, 24 Aug 2021 11:08:21 +0800</p> 1. 表单设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti </article> <article> <h1>html基础-表格篇</h1> <p>invalid_oath — Mon, 23 Aug 2021 17:24:49 +0800</p> 1. 基础表格 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl </article> <article> <h1>力扣刷题-数组篇-长度最小的子数组</h1> <p>invalid_oath — Tue, 10 Aug 2021 16:36:50 +0800</p> 一. 题目描述题目链接：209. 长度最小的子数组二. 思考步骤 1. 暴力循环法：方法大致就是，使用两个循环，一个循环用于从数组中定位从哪一个元素开始，作为连续数组的开头（直接把整个数组遍历一遍），知道了连续数组的开头元素以后，就好办了，直接用第二个循环，把从开头元素和后面连续的几位元素值加起来，只要元素值之和>=target，就立马记录当前连续数组的长度并直接退出当层循环，防止多加入一个元素的长度。至于怎么记录那一堆连续数组的长度，并从中挑出最短的长度？我想了两个方法，第一个是：新建一个数 </article> <article> <h1>力扣刷题-数组篇-有序数组的平方</h1> <p>invalid_oath — Mon, 09 Aug 2021 11:23:39 +0800</p> 一. 题目描述题目链接：有序数组的平方二. 思考步骤最先想到的暴力排序：将数组中每个元素平方后，直接使用sort函数（类似于快排的方法）排序。时间复杂度为O(n + nlogn)，是一个循环数组计算的时间，加上一个将数组排序的时间。代码示例：双指针大法：一开始没想到，参考了一下题解才反应过来，由于题目给出的是一个升序的数组， ... </article> <article> <h1>力扣刷题-数组篇-移除元素</h1> <p>invalid_oath — Sun, 08 Aug 2021 20:57:24 +0800</p> 一. 题目描述二. 思考步骤先采用暴力求解：就是使用两个for循环，一个用于遍历数组的元素并找到需要删除的元素的位置，另一个循环用于覆盖需要删除的元素，即删除一个元素，便将后面的所有元素依次往前面挪一个位置，将原先的元素覆盖掉。代码示例：（第一次运行结果出现错误，因为没有考虑到一种情况，那就是当两个需要删除的元素相邻的时候，例如[0,1,2,2,3,0,4,2]，删除2，将第三个元素覆盖了以后，原先第四个位置的2又会补充到第三个位置上去了，然而循环会往下进行遍历到第四个位置，这个时候的第四个位置 </article> <article> <h1>实验二-遗传算法实验（待完善）</h1> <p>invalid_oath — Tue, 11 May 2021 22:10:39 +0800</p> #include<iostream> #include<iomanip> #include<algorithm> #include<cmath> #include<ctime> using namespace std; //程序分配内存的数组大小 const int maxn = 10000;//最大种群规模 const int maxlen = 1000;//最大的染色体长度 //遗传算法的关键参数 const int n = 200;/ </article> <article> <h1>状态空间法求解八数码c++代码</h1> <p>invalid_oath — Thu, 06 May 2021 11:00:04 +0800</p> #include <bits/stdc++.h> #include <string> #include <map> #define len 3 using namespace std; struct node { int a[3][3]; //九宫格 node* p; //指向当前节点的父节点 node* next; //指向队列中下一个节点 node(string s) { for(int i=0;i<len;i++) { for(i </article> <article> <h1>Vuex起步</h1> <p>invalid_oath — Thu, 22 Apr 2021 15:22:24 +0800</p> 一. 安装 1.npm安装 cmd指令：npm install vuex --save 2.其他方法 Vuex安装二. 使用 1、在一个单独的文件store.js里面，导入Vuex，然后注册可供使用的Vuex插件，而后创建一个新的状态存储库store并传入一个对象来配置这个存储库，这里的state相当于Vue实例里面的data，保存初始的属性值 import Vue from 'vue' import Vuex from 'vuex' //注册vuex插件 Vue.use(Vuex); //创建一个新 </article> <article> <h1>路由嵌套</h1> <p>invalid_oath — Mon, 05 Apr 2021 23:23:32 +0800</p> 一. 为什么要使用嵌套路由原因：在同一个页面点击一个路由连接<router-link>时，在这一级路由组件<router-view>不消失的情况下，出现这一级<router-link>指向的路径的下一级路由组件<router-view> 解决方案：在上级组件路由下,通过在这一级的路由规则对象中，添加children属性嵌套子路由，保证上级路由组件显示的同时，出现子路由组件路由规则对象：新建的路由对象routerObj的构造函数中的路由匹配规则的数组rou </article> <article> <h1>路由传参</h1> <p>invalid_oath — Mon, 05 Apr 2021 23:14:27 +0800</p> 一. 路由传参 1.使用query传参在路由组件<router-link to="/login?id=10&name=张三">登录</router-link>通过使用查询字符串，可以直接指定对象的键值，这里的对象是指所创建的组件的内部实例属性$route里面的信息，比如query，且query是一个对象。代码演示： <!DOCTYPE html> <html lang="en"> <head> <meta charset </article> </main></body></html>