- 博客(41)
- 收藏
- 关注
RSS订阅原创 回退已commit的内容&&历史遗留的格式问题导致git commit 报错
1、当原代码中有很多不影响功能的历史遗留的格式问题导致git commit 报错，不需要每个都单独解决报错问题，如下所示，在commmit后面加上这个命令即可。2、回退已commit的内容。
2024-05-17 17:12:53
239
原创 根据特定条件在列表中加一列操作，符合此条件时此列才会展示
我们想要列表中有一列数据在A环境打开是显示的，在B环境打开则不显示，这里B环境表示为默认环境。
2024-05-13 10:09:18
143
原创 字符串取第一个空格之后的所有的值&&字符串取第一个空格之后的第二个元素的值，不要后面的值
当我们后端返回值可能存在某些特定的值或标识导致返回数据不固定且是空格分割时，我们想取出返回字符串中的某个值，就可以参考下面对这个字符串进行操作提取，当然，如果是别的符号分割开的把下面的空格替换即可。
2024-05-13 09:57:22
329
原创 给A组件列表添加勾选框在B组件进行删除修改操作
首先找到两个组件共同的父组件，在父组件中创建中间方法，并在两个组件中分别添加取值和传值操作。此时操作组件Filter通过this.props.orderIds可以取得被勾选中的ids。勾选列表组件Prescribed中勾选函数中添加回调将id传给父组件。首先看有没有引入Table组件。设置勾选框的样式及清除bug。state中添加属性及方法。首先看有没有引入组件。给下拉框按钮添加样式。
2023-09-28 14:56:27
149
原创 回退已commit的内容
git log查找commit提交的版本号git reset --soft 3f5529cdd1ef78be72f6c495bf639dc7343bff5c 其中–后面是版本号对回退的代码修改之后push可能会报错，解决办法：在后面加个 -f
2023-09-28 14:05:24
74
原创 在A分支开发过程中想暂停A已经修改的部分，切换到B分支去修改一些东西
在A分支开发过程中想修改一些B分支的东西，由于A分支做了修改未提交，所以直接git切换会失败此时需要先在A分支用 *git stash*命令把开发中的代码存储起来，切换到B分支进行修改，修改完成后再切换回A分支，用*git stash pop*命令将之前存储起来的修改弹出来就可以啦。
2023-07-04 14:49:48
104
原创 无限键盘突然失效
我搜的网上很多说用Fn+W键，有的键盘是没有Fn键的。首先检查下，是不是只有数字键盘被锁了，按NumLock键再检查功能组合键有没有效果，例如win+tab，如果有反应但按其他输入键没反应，那就是键盘被锁了，按win+空格键打开
2023-06-26 17:23:06
82
原创 select 组件添加模糊搜索功能&解决showSearch不生效问题
Select组件中 添加 showSearch 属性可以实现搜索功能，但是这个搜索是搜的Select的value值的,但是value值在页面上是看不到的。可以给列表先创建几个虚拟数值，来验证添加的showSearch是否生效。
2023-06-26 17:11:07
707
原创 在echarts图形遮罩层的最外层加一个结构不显示，如搜索框，被遮罩层覆盖导致
在echarts图形遮罩层的最外层加一个结构不显示，如搜索框，被遮罩层覆盖导致
2022-06-29 10:37:24
472
原创 根据变化值动态设置样式，如表格每列的宽度
假设你表格的列数是根据返回列表的数量控制的，需要每列都一样宽，那么每列的宽度就不能写死，需要一个动态的值来控制宽度，我们不能直接在样式中将宽度除以返回值的length，可以将这个结果先在computed中计算出来，页面中直接调用即可computed:{ // 根据组的数量变化宽度，这里的方法名表示为动态宽度 groupWidth(){ const style = {} //这里90是表格内容部分占整个表格的90%，前面的序号占据10%，这里保留了一位小数 style.width =
2022-05-19 10:43:58
428
原创 根据数组每个对象的某数值进行排序，如数量或者id
原数组为：Arr =[ {id:1,name:张三,num:100}, {id:2,name:李四,num:200}, {id:3,name:王五,num:500}, {id:4,name:赵六,num:300}]取得对象Arr后，在methods中加入此方法，不需要方法名和其余调用 代入num和Arr即可，这样得到的Arr就是排好序的// 对数组对象中的各对象中的num进行排序function objectSort(num) { // 比较函数通过num属性获得对象的平均分进行比较
2022-05-16 11:24:22
739
原创 laydate将选择的时间强制控制在当前周的某一天
由于要发布定时任务，所以传递给后端的日期只能是周一，由于laydate本身不能强制将其他的都禁用，查看了其他博主的文章需要引入layui太麻烦，这里将用户选择的非周一的日期强制转换为周一。/* 日期选择控件 */ laydate({ elem: vm.$refs[elName], istime: true, //min: minDate, format: 'YYYY-MM-DD', choose: function (datas) { vm.item[elName] = ''
2022-03-11 18:35:07
1107
原创 通过_blank打开的页面完成执行后，自动回到原页面，close关闭此页面
在A页面设置了一个按钮，点击后通过target="_blank"跳转到B页面，然后想要在B页面点击提交或者返回的时候回到原来的页面，代码如下： //A页面 <a class="iconfont font_do" title="填写问卷" :href="'./question.html?id='+item.id" target="_blank" ></a>//B页面 // 教师查看回答后返回goBack:function () { setTime
2022-03-03 10:10:48
739
原创 js sort方法根据数组中对象的某一个属性值将数组进行排序，如成绩排序
当我们需要从后端直接获取或者处理过的数组对象根据某属性进行排序时，使用sort方法可以直接实现根据列表中成绩对数组进行排序score为比较的值，这里是成绩，也可以是年龄age、数量num等等obj1、obj2这里可看做新定义的一个变量数组，直接用即可 不需定义 不代表任何数据scoreArr 为需要排序的数组function objectSort(score) { // 比较函数通过score属性获得对象的成绩进行比较，将**比较函数**作为函数返回值返回给sort return fun
2022-01-10 16:45:59
1146
2
原创 点击某行的操作栏中的禁用操作，并且自定义提示信息，确认后调用接口
当我们不需要勾选某行列表而是直接在操作栏进行禁用操作时，首先在操作栏中添加禁用按钮，给按钮绑定点击事件，将整行的信息传递进去// 这里的item是列表遍历v-for="item in list"得到的整行信息// state == 1表示启用状态<a v-if="item.state == 1" class="iconfont font_do" href="javascript:;" title="禁用" @click="close(item)">⊗</a>
2021-12-24 10:11:40
176
原创 出现在ready中的列表数据不随动态参数变化
当出现在ready中的列表数据不随动态参数变化时，可考虑watch监听动态变化的值或者再次调用ready[一般不推荐动ready]，也可将ready中的逻辑转移到一个新建方法如 init() 中，再在ready中调用这个方法即可，在数据改变的地方添加@change事件。这里注意ready可能会一直调用，所以一定要在前面将被赋值的列表定义为空，以免数据重复赋值。...
2021-12-24 09:50:10
308
原创 前端发起接口请求时报错：405 Method Not Allowed
当我们发起请求后，发现报错405，用调试工具查看根本没有发出请求，405就是接口不存在。这里首先排除下是不是接口名写错了，其次询问后端这个接口有没有同步再然后可能是HTTP调用方法错误，比如：定义的API是GET方法，通过POST方法（非GET方法）调用，就会返回这个错误。...
2021-12-24 09:18:33
28204
原创 从数组对象中抓取指定的对象属性值、将对象id存到ids中，并返回新数组对象列表
我们从后端获取res后得到的是整体的数组对象列表，但是有时会有需要其中一项或几项对象来作为接口参数数组或者展示列表，只需要其中几项属性，就可以通过map方法进行筛选得到需要的值oldList=[ {id=1,name]...
2021-12-22 09:32:10
869
转载 JS的not defined和undefined的差别
我们先从英语角度来查看下这两个词的意思：1、not defined2、undefined3、通过查看他们的英文翻译后的意思，我们大概可以了解他们的意思了，但还不是很清楚，接下来我们从编程的角度来认识他们。我们运行一下以下代码:console.log(defined);运行结果如下:Uncaught ReferenceError: defined is not defined。这里出现了js的ReferenceError（引用报错），这说明defined根本没有被定义过，该变量连声明都没
2021-10-20 15:55:58
720
原创 报错：Uncaught TypeError: Cannot read property ‘split’ of undefined
这是split()切割的问题，最后通过分析了解到，这是因为遍历的时候，第一次可能会得到一个空值，这个是通过输出遍历的对象知道的，最后我在使用split()的时候给传入的值val加了一个判断（就是判断要切割的字符串是不是存在），然后成功解决问题。/* 处理分组小类显示 */formatClass: function (val) { if(val){ var valArr = val.split(';'); return valArr.join('/'); }
2021-10-20 15:52:02
1104
原创 页面菜单正常展示，但无列表数据，报错：$index is not defined
之前的列表是这样渲染的：< tr v-for="item in items"> {{$index}} </tr>由于现在已经移除这个用法，如果还用的话就会报错:Uncaught ReferenceError: $index is not defined;现在是这样渲染的：<tr v- for = "(item,index) in items" > {{index}}</tr>把$去掉，渲染列表加上index第一个参数是值,第
2021-10-20 15:45:23
562
原创 vue中ready不执行的解决办法
如下所示：ready方法进不去，无论是log或者debugger都不执行，无法获取到方法中的数据ready: function(){ console.log('0000'); var vm = this; debugger }此时检查你引入的是vue 还是vue2.0经过查询资料，发现vue2.0中一个vue实例的生命周期中已经不存在ready()了。 需要换成 mounted ()即可mounted : function(){ co
2021-09-26 15:34:08
1857
原创 全局添加loading效果，data被对象占用，用定时器效果延迟两秒
这里的data被占用，无法使用element-ui的第一三种情况，即下面的icon只能使用第二种，下面的icon,但是第二种的图标是不符合情况el-icon中没有合适的，无法修改，此时将spinner: ‘el-icon-loading’,这里注释就可以显示出loading的蓝色圆圈效果{ const loading = this.$loading({ lock: true, text: '', // spinner: 'el-icon-lo
2021-07-28 09:09:47
527
原创 关于文章列表数据中的好多图片资源请求失败返回 403的问题
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-05-23 10:08:33
123
原创 创建元素 innerHTML与document.createElement() 的区别
WebAPI中，document.write() 、 innerHTML与document.createElement() 三种创建元素方式的区别：1. document.write() 创建元素 如果页面文档流加载完毕，再调用这句话会导致页面重绘（即其他元素全部消失，重新创建一个只有这个新建元素的页面）2. innerHTML 创建元素3. document.createElement() 创建元素总结：document.write()是直接将内容写入页面的内容流，文档执行完毕，则它会
2021-03-09 13:06:35
494
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人