- 博客(22)
- 问答 (1)
- 收藏
- 关注
原创 判断数组中的指定属性,只要有一个为空则无法提交
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 368
原创 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 1127
原创 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 749
原创 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 612
原创 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 883 2
原创 echarts版本升级导致Chinamap渲染报错问题(vue2)
最近项目改版,新版项目中用到了水球charts,而这个图表要求echart的版本必须在5以上,升级后发现之前的中国地图渲染不了,一通百度,总算是搞出来了,百度过程中也是东拼西凑,不是很会用的小伙伴可能就会有点抓瞎,所以我来了,把他重新总结一遍,希望可以帮助到需要的童鞋。废话不多说了,直接上代码:1、下载china.json末尾附有相关的china.json文件,也是在网上下载的,出来的效果是这样而用乱码的json文件是这样的看自己项目需要吧 我还是用的乱码的json文件,直接从china.js
2022-02-14 17:21:19 794
原创 刷新页面后滚动条位置保持不变
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 748
原创 时间控件多场景应用
第一种:开始时间可选 结束时间不可选 且开始时间只能选自然周的周一//起止时间相差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 97
原创 dataTable出坑之旅:自定义查询方法 点击查询后加载闪现显示
dataTable点击查询后加载闪现显示想要避免这种情况代码如下:$(idName).on("click",function(){ table.clear(); table.destroy(); table = $(idName).DataTable(tableOption);});
2021-01-13 17:37:15 97
原创 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 687
原创 echarts radar 添加图片
echarts radar 添加图片最近有个需求需要在雷达图现实的标题后添加一个图片 ,如下找了好久才会用这个 ,必须记录,需要的拿走不谢写法如下:
2020-12-15 10:12:21 586 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 319
转载 正则表达式表单验证
/是否带有小数/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 118
原创 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 4745
原创 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 937 1
原创 前端导出word(包含图表)
前端导出word文档,包含(图表),先把canvas转成图片,再导出,还有点问题,不过功能实现了,不用通过后台,看到的大神可以留言提出改进的方法代码如下:canvas转图片用的是html2canvas插件Install:npm install html2canvasuse:import html2canvas from ‘html2canvas’;vue 组件代码:Vue组件内的js...
2019-02-26 13:29:43 7530 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 3814
原创 vue爬坑之:组件的文件夹下边一定不要出现与.vue同名的.js文件
大早上到公司启动Vue 项目,发生一件绝望的事情,在tab切换的选项中前两个都有内容,就是第三个没有加载出来组件,搜寻各种疑问才发现自己犯了一个低级错误...
2019-01-15 10:04:45 2213 1
原创 Vue:在tab切换中放置图表会出现width:100%失效
Vue:在tab切换中放置图表会出现width:100%失效不管是在elementUI 中还是自己写的tab切换的方法,都管用。在网上搜索很多都无效,以下亲测有效,需要的可以拿去试试,下面是具体代码:VueTab切换代码:...
2019-01-14 16:15:12 838
空空如也
分页记忆代码无法实现
2019-03-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人