1.iview+vue中,对表头的动态设置: iview表头若是需要动态设置,可以有两个方法,第一种: children: [ { title: '2017年', align: 'center', key: 'firstYear', renderHeader: (h, index) => { return h('div', { domProps: { innerHTML: this.data5.lastYear + '年' } }); } }, { 利用renderheader属性来设置表头.i…

1.分页默认页数 当页面只有一个功能需要分页组件时,引用iview分页组件当然没问题.当一个页面中有多个需要分页组件的时候,便容易出现问题.例如:在项目中有多个不同的表格需要分页功能,几个表格共用一个分页组件,当每个页面的页码数不一时候便会发现分页组件表格内容与显示页数不一致.在iview的page中,有current属性: 正确的代码如下: 在分页组件中: <div class="page-button"> <Page :total="this.count…

在开发后台管理系统的时候,很多地方都要用到导出excel 表格,比如将table中的数据导出到本地,那么实现这种需求往往有两种方案: 一.后端开发一个下载链接,前端将这个链接放到 a 标签的 href 中,一点就能下载. 优点:对于前端来说实现简单,不用写过多的代码,也不依赖第三方库,兼容性好 缺点:如果前端操作数据更改了,需要发给后端才能导出 二.前端借助一些第三方库实现 下面以vue项目为例: 首先需要安装三个依赖 npm install file-saver xlsx -S // 加载sc…

一般来说,录入数据的时候,我们都采用在一个窗体界面中,根据不同内容进行录入,但是有时候涉及主从表的数据录入,从表的数据有时候为了录入方便,也会通过表格控件直接录入.在Winform开发的时候,我们很多时候可以利用表格GridControl控件来直接录入数据:在BS的Vue&Elment前端项目中,也可以利用第三方组件vxe-table直接录入表格数据.本篇随笔对Winform和Vue&Elment中直接录入数据进行分别的介绍和对比. 1.在Winform中直接录入表格数据 我们可直接在底部…

首先 select radio 设置 disable的会无法提交数据. 这让我很头疼  而且 readonly 无效 后来发现.我把自己绕进去了..一般涉及 只读都是 不让用户修改 .而后台只更新 可以修改的字段 那么,我为什么看到 无法提交就心慌了呢..不能提交.就先获取 对象.然后给他set 需要更新的字段 .然后 update 嘛..纠结了二十多分钟..这就是被自己的逻辑给打败了.…

开门见山,话不多说,要在表格中添加图片,可以使用td: <table " width="100%"> <tr class="tr-style first-style-thetd" > <td>巡查时间</td> <td>巡查人</td> <td>巡查地点</td> <td>点击查看详情</td> </tr> <tr v-…

在新版本的iview中,表格新增了tooltip功能: 但做项目时并不是新的iview版本,又不想升级,如何才能实现当内容过多鼠标划上显示内容?下边是我做项目时的改动: { // fixed: 'left', title: '编码', align: 'center', key: 'code', minWidth: , maxWidth: , ellipsis: true, render: (h, params) => { return h('Tooltip', { props: { conten…

最近的项目里有上传图片的功能,当然这个功能在项目里是必须要有的,那么目前这个项目是使用完全的前后端分离,在选择文件上传的组件中还是选择了全面支持Vue的IView,任何上传图片都是通过HTTP请求,服务端从request中读,那么思路有了,直接创建webapi项目吧. 一般来说,在.net core中静态文件应该放到wwwroot,在其中创建一个文件夹. 再做好跨域的东西,一般都是通过cors包.创建控制器,代码如下: public class IndexController : Control…

中小研发团队架构实践之生产环境诊断工具WinDbg 生产环境偶尔会出现一些异常问题,WinDbg或GDB是解决此类问题的利器.调试工具WinDbg如同医生的听诊器,是系统生病时做问题诊断的逆向分析工具,Dump文件类似于飞机的黑匣子,记录着生产环境程序运行的状态.本文主要介绍了调试工具WinDbg和抓包工具ProcDump的使用,并分享一个真实的案例.N年前不知谁写的代码,导致每一两个月偶尔出现CPU飙高的现象.我们先使用ProcDump在生产环境中抓取异常进程的Dump文件,然后在不了解代码的…

使用iview在table中嵌入button是比较常见的需求,但是在table中嵌入input或者select你是否考虑过呢?本文用实例介绍input和select在table中的嵌套. 理解table如何嵌套input.select首先要理解vue的render函数可以参考:vue render函数介绍.当然,不理解直接Ctrl + C也是可以使用的 ^_^ 在iview的官方文档中,table插入Button的例子如下: 1 { 2 title: 'Action', 3 key: 'acti…