前端iview
H5女王
假如编程易懂得,那么程序员就不会热情地写出注释,也不会有得到编程的快乐
展开
-
项目开发过程中遇到的问题及常见bug代码
:hover{原创 2023-03-08 10:27:59 · 253 阅读 · 0 评论 -
echarts 多条线动态刷新
目录功能演示功能说明功能代码实现思路关于简称整个功能流程图获取数据层流程展示层流程传输数据格式注意事项存在问题功能演示功能说明功能如题所示,根据左侧复选框的值渲染右侧图表,如果到达采集点数(例如100个点)就删除最前面的数据,将加载过来的数据插到数组最后面。功能代码RealTimeDataVisual.vue<template> <div class="realTimeData"> <Row :gutter="20"> <Col原创 2020-09-14 12:25:14 · 625 阅读 · 0 评论 -
iview 分页------记录
iview提供的分页方法 title: '#', type: 'index', width: '50px',每一页都是从1-10记录如果第一页1-10,第二页11-20 title: '#', type: 'index', width: '50px', indexMethod: (params) => { return params._index + (this.pageInfo.p原创 2020-06-04 11:52:12 · 234 阅读 · 0 评论 -
IView中,一个弹出层中涉及多个上传处理办法(或一个页面中,多个上传的处理办法)
一个页面中经常会有新增、编辑功能,新增、编辑都有上传功能,又不想每个上传功能都写一个beforeUpload方法,该如何处理,请直接看代码。如果各位有更简便的处理方法,麻烦留言告知,让我也学习学习。<Upload @click.native="handlePostData('addForm', 'thumb')" :actio...原创 2020-01-02 10:00:31 · 487 阅读 · 0 评论 -
tree list 互相转换
本人没有亲测过,有问题的话会重新编辑文档,这篇文章里的代码是积分下载换来的,如果涉及侵权联系我。。。。。看到我这边博客的人可以免积分了。。。。。。import _ from 'lodash'export function list2JsonTree(data, options) { var mainKey = options && options.mainKey || 'i...原创 2019-12-10 16:00:46 · 547 阅读 · 0 评论 -
ivew 上传文件并校验
<FormItem label="模板执行文件" prop="jar"> <Upload ref="upload" :action="uploadAction" type="select" :show-upload-list="true" :...原创 2019-12-05 13:31:10 · 589 阅读 · 0 评论 -
render 响应式内容
title: '服务启动时间',key: 'service_start_time', render: (h, params) => { return h('div', [ h( 'Tooltip', { props: { placeme...原创 2019-12-04 11:46:57 · 325 阅读 · 0 评论 -
render input 双向绑定
有时候我们需要自定义表格列展示,需要用render,对于render内容列input的双向绑定方法: render: (h, params) => { return h('Input', { props: { clearable: true, type: 'text', ...原创 2019-12-04 11:25:15 · 1226 阅读 · 0 评论 -
ivew中resetFileds方法无法清空日期组件的值
如题:我处理的办法如下: /*** * @desc 重置查询表单 * */ resetSearchCondition(formName) { this.$refs[formName].resetFields(); this.searchCondition.operationTime.value = ''; },如果各位大大有更好的办法,欢迎评论!...原创 2019-07-22 13:12:39 · 446 阅读 · 0 评论 -
ivew中Upload组件发不出请求的原因,万年大雷无人踩,今天被我踩到了
首先,这个发出去请求的问题,折腾了我两个半小时,上下五千个原因我都分析了,就是发布出去请求请求方式,参数传递方式,代码问题等等等等,在我试了个百度地址以后,我就知道了,路径的问题!!!于是我就知道了,路径中image的原因,总结,上传组件的Action路径中切记不要带image!!!...原创 2019-07-12 16:52:51 · 634 阅读 · 2 评论 -
iview日期控件,已选选点日期,但是通不过validate验证
我使用的是区间日期控件(iviewUI组件日期控件应该都会有这个问题,未作验证),所以使用正常的表单验证会有问题。区间日期控件代码 <FormItem label="数据异常时间" prop="abnormalTime"> <DatePicker format="yyyy-MM-dd" type="daterange"...原创 2019-06-12 10:34:50 · 1714 阅读 · 0 评论 -
iview表单重置以及重置验证信息
表单内容添加一般都是在弹出框中进行编辑、修改、新增的如以下这段编辑代码: <!--编辑菜单Start--> <Modal :mask-closable="false" v-model="editMenuVisible" title="编辑菜单" ><Form :model="editMenuForm" :label-width...原创 2019-06-14 16:02:37 · 4275 阅读 · 0 评论 -
iview删除一条数据后,不重置到第一页的办法
/*** * @desc 删除内容后重置当前页 * @param 无 * @return 无 */ resetCurrentPage() { let resetTotal = this.pageInfo.totalCount - this.selectedRowsId.length; let currentPage =...原创 2019-07-05 18:20:31 · 1005 阅读 · 0 评论 -
iview table 单选/多选 获取选中行
单选/多选 获取选中行单选通过设置属性 highlight-row,可以选中某一行。当选择时,触发事件 @on-current-change,可以自定义操作,事件返回两个值 currentRow 和 oldCurrentRow,分别为当前行的数据和上一次选择的数据。通过给 columns 数据设置一项,指定 type: ‘index’,可以自动显示一个从 1 开始的索引列。使用 index...原创 2019-01-18 10:29:22 · 16582 阅读 · 5 评论