需求: 后台请求的接口是从0页开始的,但是pagination是从1开始的,就是在点击pagination的第1页是后台转0 1首先在data里面定义为1,其他地方也是定义1 return { formSearch: { name: '', phone: '', page: 1, size: 10 } } 2.在接口这里去重新创建一个对象,进行浅拷贝 getSalesList () { this.loading = true setTimeout(() => { this.loading = f…
{#table_data_list.html#} {## ————————08PerfectCRM实现King_admin显示注册表的字段表头————————#} {% extends 'king_master/king_index.html' %} {#继承模板#} {% load kingadmin_tags %} {#通过自己定义标签获取中文,Django中利用filter与simple_tag为前端自定义函数的实现方法#} {% block right-container-content…
基于node npm & vue-cli & element UI创建vue单页应用 开发环境   Win 10   node-v10.15.3-x64.msi 下载地址: https://nodejs.org/en/ 安装node 安装vue-cli 1.安装node-v10.15.3-x64.msi 2.设置注册地址 因为npm官方仓库在国外,有时候下载速度会非常慢,不过有淘宝镜像可以使用,下载包的速度很快.而且淘宝镜像是定时更新同步npm的官方仓库的. npm config set…
Element UI 组件 Table 有一个属性 border,添加它可以增加纵向边框,但是无法控制横线边框,因此即使是最简单的 el-table,也会包含一个底部横线. 这个底部横线其实是一个 border-bottom,不过对于表头使用了 th 元素,对于表数据使用了 td 元素,因此修改的时候需要兼顾两种元素. 如果你只是修改表数据的样式,而不修改表头,那只需修改 td 元素 修改方式:在 style 标签添加如下样式即可 //去掉表格内的线 table th, table td { b…
之前写过一篇博客,当时对element ui框架还不太了解,分页组件用 html + css 自己写的,比较麻烦,而且只提到了后端分页 (见 https://www.cnblogs.com/zdd2017/p/9714633.html).由于工作上的需要,写了很多表格,因此对于分页有了新的理解,在这里重新总结一下,用 element ui 自带的分页组件实现前端分页和后端分页. 首先我们将分页功能的代码封装成一个组件,这样以后要用的时候可以直接拿,这里需要一个预备知识就是父子组件的交互,不清楚的…
主要以css实现 .tb-edit .el-input, .tb-edit .el-input-number, .tb-edit .el-select { display: none; width: 100%; } .tb-edit .current-row .el-input, .tb-edit .current-row .el-input-number, .tb-edit .current-row .el-select { display: inherit; } .tb-edit .curr…
Table 表格 用于展示多条结构类似的数据,可对数据进行排序.筛选.对比或其他自定义操作. ¶基础表格 基 2016-05-02 王小虎 上海市普陀区金沙江路 1518 弄 2016-05-04 王小虎 上海市普陀区金沙江路 1517 弄 2016-05-01 王小虎 上海市普陀区金沙江路 1519 弄 2016-05-03 王小虎 上海市普陀区金沙江路 1516 弄 当el-table元素中注入data对象数组后,在el-table-column中用prop属性来对应对象中的键名即可填入数据…
在el-table 上面加上show-summary就可以对table的数据进行合计 但是上次出现了合计栏有的为空,有的合计不对的情况,如果出现的是空,那么说明你渲染的数据有undefine(即后台返回的数据), 页面上看不到undefined的情况是因为你在template里面做了处理,下面的例子可以看一下,最主要的一点就是合计只会对prop里面的数据进行合计,并不会对template里面做处理的数据进行合计 举个例子:这里我对template里面的数据做了处理 另外没有做处理的输出是正确的啦…
第一步.在el-table里面加上:row-style="rowClass" <el-table :data="targetCarList" border fit v-loading.body="listLoading" element-loading-text="拼命加载中" style="width: 100%" :row-style="rowClass" > </…
<el-table-column label="级别" min-width="120" prop="clueLevel" align="center" :render-header="renderHeader"> //这里写上:render-header="renderHeader" <template scope="scope" > {{ l…