- 博客(23)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 判断数组中的指定属性，只要有一个为空则无法提交
this.answerList = [{ 'id': 1, 'results': [], 'type': 0, 'isAnswered': false,},{ 'id': 2, 'results': ['1','2'], 'type': 1, 'isAnswered': false,}},{ 'id': 3, 'results': [4,5,6], 'type': 3, 'isAnswered': false,}}]let fl
2022-04-24 14:58:30
483
原创 element ui table左侧选中，右侧渲染，右侧删除单个标签，左侧对应标签不选中(实际操作中发现同名博文的一点问题，此篇为补充代码)，交互问题（添加、修改回显）
表格代码如下：<el-table ref="multipleTable" :data="userTableData" class="padding-table" style="width: 100%;" @selection-change="tableChangeFun"> <el-table-column type="selection" width="55"> </el-tab
2022-04-21 15:34:09
1224
原创 element tree组件 鼠标移入显示设置，dropdown下拉框可以创建编辑删除节点
<el-tree ref="tree" :expand-on-click-node="false" :default-expand-all="true" :data="dataTree" node-key="id" accordion empty-text="暂无数据" highlight-current > <span class="
2022-03-02 17:00:17
903
原创 element ui table左侧选中，右侧渲染，右侧删除单个标签，左侧对应标签不选中
效果如下图所示：//左侧代码：<el-table ref="multipleTable" :data="userTableData" class="padding-table" style="width: 100%;" @selection-change="tableChangeFun"> <el-table-c
2022-02-24 17:09:59
721
原创 element ui tree左侧选中，右侧渲染，右侧删除单个标签，左侧对应标签不选中
效果如下图所示：代码：//左侧引入elementUI tree<el-tree ref="tree" node-key="id" :expand-on-click-node="false" :default-expand-all="true" :data="dataTree" :props="defaultProps" :show-checkbox="isShowCheckbox" @check="getCurrentNode"
2022-02-24 17:05:13
1094
2
原创 echarts版本升级导致Chinamap渲染报错问题（vue2）
最近项目改版，新版项目中用到了水球charts，而这个图表要求echart的版本必须在5以上，升级后发现之前的中国地图渲染不了，一通百度，总算是搞出来了，百度过程中也是东拼西凑，不是很会用的小伙伴可能就会有点抓瞎，所以我来了，把他重新总结一遍，希望可以帮助到需要的童鞋。废话不多说了，直接上代码：1、下载china.json末尾附有相关的china.json文件，也是在网上下载的，出来的效果是这样而用乱码的json文件是这样的看自己项目需要吧 我还是用的乱码的json文件，直接从china.js
2022-02-14 17:21:19
892
原创 刷新页面后滚动条位置保持不变
function debounce(method,delay) { let timer = null; return function () { let self = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { method.apply(self,args); },delay); }}
2021-01-26 14:23:57
882
原创 时间控件多场景应用
第一种：开始时间可选 结束时间不可选 且开始时间只能选自然周的周一//起止时间相差7天var curDate = new Date();var endDate= new Date(curDate.getTime() - 24*60*60*1000)$("#datepicker").myDatePicker({ 'startDate':'2014-01-01 18:45:20', 'endDate':(endDate).Format("yyyy-mm-dd hh:ii:ss")
2021-01-22 16:55:44
142
原创 dataTable出坑之旅：自定义查询方法 点击查询后加载闪现显示
dataTable点击查询后加载闪现显示想要避免这种情况代码如下：$(idName).on("click",function(){ table.clear(); table.destroy(); table = $(idName).DataTable(tableOption);});
2021-01-13 17:37:15
145
原创 jQuery 导出Excel（后台返回文档流），前端处理发现兼容不了火狐50版本，以下是解决办法，拿走不谢
导出Excel 兼容火狐写法var exports = function(url,fileName,param){ var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); //post请求，请求地址，是否异步 xhr.responseType = "blob"; // 返回类型blob xhr.setRequestHeader(' ', ' '); xhr.onload = function() { // 请求完成处理函
2021-01-08 14:07:38
797
原创 echarts radar 添加图片
echarts radar 添加图片最近有个需求需要在雷达图现实的标题后添加一个图片 ，如下找了好久才会用这个 ，必须记录，需要的拿走不谢写法如下：
2020-12-15 10:12:21
865
6
原创 layui tree 节点搜索，dom
form.on('submit(searchUnit)', function(params){ var treeElem = $('#treeList'), filterElem = $('[name="keyword"]'); if (!filterElem.length || !filterElem.length) { return; } var value = filterElem.val(); v
2020-05-15 16:34:55
402
转载 正则表达式表单验证
/是否带有小数/function isDecimal(strValue){var objRegExp = /^\d+.\d+$/;return objRegExp.test(strValue);}var str = ‘0.454’;console.log(isDecimal(str))//true/校验是否中文名称组成//校验是否由8位数字组成//校验电话号码格式/func...
2019-07-30 14:52:25
158
原创 element UI table滚动条切换页码后回到顶部
table切换页码后滚动条保持在顶部，直接上代码，亲测：在切换页码的方法内写handleCurrentChange() {this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …> { this.refs.tabledns.bodyWrapper.scrollTop=0;})}...
2019-05-09 13:27:28
4888
原创 element UI+vue table 分页记忆
下边就是最关键的方法部分了 两天才出来的效果，网上的很多分用在我们的项目中一直不能实现，可能是由于数据请求的关系toggleSelection(rows) {if (rows) {rows.forEach(row =&gt; {console.log(row);this.KaTeX parse error: Expected 'EOF', got '}' at position ...
2019-03-05 20:48:04
983
1
原创 前端导出word（包含图表）
前端导出word文档，包含（图表），先把canvas转成图片，再导出，还有点问题，不过功能实现了，不用通过后台，看到的大神可以留言提出改进的方法代码如下：canvas转图片用的是html2canvas插件Install：npm install html2canvasuse:import html2canvas from ‘html2canvas’;vue 组件代码：Vue组件内的js...
2019-02-26 13:29:43
7950
5
原创 echarts关系图 点击图例隐藏 修改
最近由于公司业务需要，要在Vue项目中修改echarts图表，把点击图例影藏对应的线换乘点击圆点隐藏如下图：废话不多说，直接上干货：drawLine(){// var myChart = this.echarts.init(document.getElementById(′matrix′));varmatrix=this.echarts.init(document.getElementB...
2019-01-31 16:35:38
4049
原创 vue爬坑之：组件的文件夹下边一定不要出现与.vue同名的.js文件
大早上到公司启动Vue 项目，发生一件绝望的事情，在tab切换的选项中前两个都有内容，就是第三个没有加载出来组件，搜寻各种疑问才发现自己犯了一个低级错误...
2019-01-15 10:04:45
2347
1
原创 Vue：在tab切换中放置图表会出现width：100%失效
Vue：在tab切换中放置图表会出现width：100%失效不管是在elementUI 中还是自己写的tab切换的方法，都管用。在网上搜索很多都无效，以下亲测有效，需要的可以拿去试试，下面是具体代码：VueTab切换代码：...
2019-01-14 16:15:12
951
空空如也
分页记忆代码无法实现
2019-03-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人