- 博客(11)
- 收藏
- 关注
RSS订阅原创 阻止事件冒泡
是在开发的时候遇到的问题，就是父级div有点击事件，子级div1有点击事件，子级div2无点击事件。开发的时候需要1.子级div1的点击事件只响应子集的点击事件，不响应父级2.子级div2无点击事件，同时div2不响应父级的点击事件目前处理方法：1.给子级div1的点击事件加上.stop 如@click.stop='xxx' 阻止事件冒泡2.子级div2的处理方法如1，直接添加了一个空的点击事件并且阻止冒泡效果：目前这样做是完成了想要达到的效果补缺：事件处理该好好复习了。。。..
2022-02-17 17:36:15
546
1
原创 el-table多选情况下的数据回显
回显的话elment UI的el-table里面有提供，但是这里我是通过下述的事件和方法完成回显这个方法在回显的时候去改变复选框的状态关于对表格的数据提交后的回显流程：首先应该是获取表格数据，然后再去通过后台人员给的回显接口去接受到复选框的状态是true的id。还有就是你要保证，在上一次进行完操作后你的页面再次就行提交(如：第一次提交的时候你操作了id为1和2的复选框，将他们的状态变为true，然后进行提交。第二次你再进来查看页面的时候不进行任何操作然后提交，看第三次查看页面是否任然回显
2022-01-13 09:56:27
806
原创 关于elementui表格添加复选框的一些列操作
给表格添加复选框需要在添加红色区域的代码。关于复选框的自动勾选需要用到toggleRowSelection这个方法代码实现如下通过forEach去把选中的id添加到arr数组中，然后在所有的数据里tableData2中去判断是否包含此id 用indexOf，最后通过$refs去获取表格的元素，然后通过toggleRowSelection或toggleAllSelection方法去实现通过id改变每条数据复选框的状态...
2022-01-06 11:32:13
906
原创 和控制台一样的原样输出
在做需求的时候，接受到后端的传来的一段文本，其格式在控制台上的输出是原样输出，但是展示到页面上之后其格式，换行都受到了影响。为了保持受到信息的原样输出，我们可以用<xmp></xmp>标签去把需要原样输出的信息包括住像这样，在页面上的展示就不会去被强制换行等...
2022-01-04 10:55:17
318
原创 echarts柱状图，通过input输入框获取值生产数组展示到图表
嗯，其实还是很菜的，这是一个笔试题，还没过，可能做的东西不合格，用的是js+echarts基本思路，就是两个input框，获取它的值，然后生成数组，替换一下echarts里的数据源，通过按钮的点击事件生成图表效果图基本就这样，就是对数组的添加和排序，感觉应该是做的不够细，像每个柱的大小，如果生成数量是两个的话展示效果不太好，其次就是代码写的有点问题。代码如下<!DOCTYPE html><html lang="en"><head>..
2021-11-22 16:43:11
1134
2
原创 ‘xxx‘ is defined but never used
声明了但没有使用的，正常情况下会显示报错。只需要在项目的package.json文件里的"rules"规则里加入"no-unused-vars": "off"，然后重新 运行项目即可结果如图ref未使用，程序不报错
2021-11-06 14:44:27
185
原创 Vue在表格中格式化时间
在获取数据的时候时间显示的方式是毫秒那么可以通过在Vue原型上过载一个时间的过滤器函数去格式化时间首先，找到main.js入口文件Vue.filter('dataFormat',function(originVal){ const dt= new Date(originVal) const y= dt.getFullYear() const m=(dt.getMonth()+1+'').padStart(2,'0') //padStart是字符串方法，首先必须把数据转换成字符...
2021-10-09 10:59:40
1377
原创 ReferenceError: xxx is not defined
xxx is not defined本文中的getParentCate是写在methods里的方法，一般报错xxx is not defined是你在调用的时候缺少this导致的，应该找到调用方法的地方，然后查看错误修改前修改后控制台无报错，方法正常调用注意在调用方法的时候加上this,很多时候通过直接复制粘贴容易忘记！切记切记！！每天记录一个小错误！最后写代码要细心...
2021-09-30 13:50:35
17163
原创 TypeError:this.getOptions is not a function
这个错误出现安装less-loader 之后，问题应该是终端安装的话要注意版本问题。稳定版本的话也可能因为版本太高而报错，也可以配合着自己的less版本去控住less-loader版本。只安装less-loader版本的话，项目还是跑不通，所以要安装less 再安装less-loader 同时要兼顾两个插件的版本问题解决办法：npm install less@3.9.0 --save-devnpm less-loader@4.1.0 --save-dev上图在终...
2021-09-25 10:21:30
106
原创 Cannot set properties of null (setting ‘onblur‘)
正常来说js写在body下面不会查找不到，但是本人在练习用户验证的时候犯了个小错误，document获取元素的时候，通过class属性获取的，如果通过document.querySelector去获取元素的话切记不要丢掉.xxx，通过id获取的话需要#xxx修改完之后的无报错，测试正常...
2021-09-22 09:58:42
20266
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人