一、页面跳转方式在页面中有两种跳转方式,第一种跳转方式是 使用 a 标签形式进行跳转,也称之为标签跳转。第二种跳转方式是使用 window.location.href 形式进行跳转,也称之为编程式跳转。在vue页面中,实现列表页跳转到详情页,也就有两种方式。第一种是标签式跳转,通过router-link形式进行跳转。第二种是编程式跳转,通过 this.$router.push形式进行跳转。
excel 是我们在工作中最常用办公软件之一。作为一个功能强大电子表格制作和数据处理与分析软件,甚至可以看做是数据处理与分析小型加工厂。 Excel在工作中作用不言而喻,能不能用好Excel很多时候直接体现了工作能力和水平。许多老外做Excel表格,非常漂亮: 再看看我们最常见表格,难看瞬间爆表 我们对老外表格好看原因进行了归纳,
文章目录一、 效果展示二、实现方法1、 表头可理解为三部分: `left`, `center` ,`right`2、 `left` 部分3、 `center` 部分4、 `right` 部分和 `left` 相似处理。5、 动态设置 rowspan (解决图层覆盖问题)三、完整实例代码1、 Html 做多层嵌套2、 数据模拟&图层覆盖问题四、为什么嵌套多层`<el-table-co
效果图首先是表头处理部分<template slot-scope="scope"> <el-table-column align="center"> <template slot="header" slot-scope="scope"> {{ name }}交接班统计
某天,接到一个逻辑比较复杂报表开发任务,如下: 这里是这个报表左半部分,可以看到,左边四列属性,功能属性,物料编码,产品名称,规格为固定属性,右边所有前三列数据相同子数据(数量,单价,类别)按照月份分类以后再按照客户进行分类,再在此基础上计算小计(数量*单价)。当然,这还是不是全部内容,我们再来看表格右半部分: 在表格最后,需要计算整行小计数量总和,小计总和并按汇率相应转化为人民
利用element-ui表格实现复杂合并单元格之二前言效果图实现代码数据格式 前言哈哈哈哈哈哈,为什么是之二呢,因为以前还有一篇,第一篇合并单元格时候只考虑了当前列需要合并数量,不知道我在说啥是吧,那就算了。效果图效果图解读:监测主体相同需要合并,交易对方是以监测主体相同为前提条件合并,上限金额是仅当为翰林汇时候才需要合并。实现代码思路就是从头遍历到脚,比较一下当前值和上一个值是否相
大多数模块我们涉及到常规增删改查等业务接口,那么这些类继承 BaseApi,就会具有相关接口了,如下所示继承关系。其中 JS 类 BaseApi 具有常规增删改查接口,如下所示。在整合 ABP 后端接口时候,我们为了方便,一般使用 ES6 方式定义一个客户端 Api 调用类,基础接口封装在 BaseApi 类里面,扩展自定义接口放在子类定义,因此前端 API 封装类 fileuploa
转载 2024-08-19 01:54:50
353阅读
从零开始学前端:程序猿小白也可以完全掌握!—今天你学习了吗?(CSS) 文章目录从零开始学前端:程序猿小白也可以完全掌握!—今天你学习了吗?(CSS)前言第四节课:讲述了表格基本标签和如何制作表格一、表格标签二、很多时候要用div来模拟table,为什么呢?三、表格属性四、表格结构化标签五、单元格合并六、练习 前言第四节课:讲述了表格基本标签和如何制作表格一、表格标签作用以表格形式将数据显示
转载 2024-06-22 21:58:23
198阅读
vue-element-template动态路由手把手教程前言关于后台返回数据格式第一,新增getRoutes,获取后台返回权限信息第二,处理router下inde文件第三,新增permission处理机制第四,把permission挂到store上第五,对权限拦截器进行调整第六,调整 getters.js,把动态路由放进去第七,修改菜单组件页面 前言最近,有个业务需要快速开发一套后台管理系统
转载 2024-04-25 16:25:22
182阅读
有一段时间没更新文章了,主要是因为自己一直在忙着学习新东西而忘记分享了,实在惭愧。这不,大半夜发文更一篇文章,分享一个自己编写一个Vue小组件,名叫BootPage。不了解Vue.js童鞋可以移步我上一篇文章《浅谈Vue.js》了解一下。BootPage组件简介其实也不是啥高大上组件了,相反确实一个简单表格分页组件而已,主要是自己最近项目中需要一个表格分页组件,而Vue官方组件库里分
转载 2024-09-12 20:11:49
79阅读
  一、嵌套表定义:  嵌套表是表中之表。一个嵌套表是某些行集合,它在主表中表示为其中一列。对主表中每一条记录,嵌套表可以包含多个行。在某种意义上,它是在一个表中存储一对多关系一种方法。考查一个包含部门信息表,在任何时间内每个部门会有很多项目正在实施。在一个严格关系模型中,将需要建立两个独立表department和project。  嵌套表允许在department表中存
转载 2024-09-26 22:07:05
35阅读
我们项目是前端用vue,服务端用node.js,这个excel导出我们已经用了一年,我们目前用到无非是图片导出,文本导出,调调excel单元格距离等.这个node端封装是经过同事不断review(感谢同事),俺不断修改优化后代码,当时也是我第一次接触node.js,只想告诉你,用它,稳稳!node.js服务端代码1.拿到需要导出数据之后如何使用(假数据模拟,下面是页面) i
VUE+Element-UI 多语言化 写在前面应项目需要同时感谢项目组前辈给我这次机会去实践 vue+element-ui 本地化任务 ,本着分享原则将过程记录下来VUEElement-UI信息网站快速成型工具Element-UI渐进式JavaScript 框架Vue.js 准备在查阅了一些资料之后发现所谓本地化就是将相应menu、tips、message做成变量,同时将这些变量对应
转载 10月前
67阅读
环境配置: 1.安装node git 2.注册码云账号 并创建自己库 win在 git bash中配置公钥 3.将码云上项目克隆到本地 git clone 地址(ssh) 4.通过脚手架 将vue相关文件下载到相应文件夹 5.将本地文件同步到码云上 退出服务 git status git add . git commit -m 'project initialized' git push项目代
转载 11月前
55阅读
Vue 网站首页加载优化本篇主要讲解 Vue项目打包后 vendor.js 文件很大 如何对它进行优化 以及开启Vue压缩 和 nginx gzip 压缩使用, 其他就是对接口优化等 1. vendor.js 优化 由于Vue项目随着功能变多 依赖也会随之变多,减少vendor.js主要方法就是将其 不打包依赖!!  1.1 第一步、cdn引入各种包  index.html中cdn方式引
转载 2024-02-27 12:12:27
56阅读
自己后来总结,数组为空时,拖不进去踩坑首先可以先看一下npm官方文档:https://www.npmjs.com/package/vuedraggablehttp://www.itxst.com/vue-draggable/2ynnruzu.htmlhttps://www.jianshu.com/p/382ac5f9d6ff 先理解一下,能看懂官方文档更好,看不懂,来看看项目中实践。1.先
转载 2024-04-06 20:36:59
96阅读
1、安装依赖(npm不行的话用cnpm)npm install --save xlsx file-saver2、在js引入头文件 import FileSaver from 'file-saver' import XLSX from 'xlsx'3、在
原创 2021-09-09 16:01:30
917阅读
ElementUI是一套基于VUE2.0桌面端组件库,ElementUI提供了丰富组件帮助开发人员快速构建功能强大、风格
原创 2023-10-08 10:46:08
285阅读
官网:http://doc.sougn.com下载地址:https://pan.baidu.com/share/init?surl=P0O9sjfzC8nuQxirDfjW1A  密码:4oev先看一段视屏,了解一下系统视屏地址:https://sougn-test.oss-cn-beijing.aliyuncs.com/media/kk%202020-02-12%2019-06-35.
大致效果图 其中上方文头部导航,左边为菜单选项,中间为index页面。   进行组件化 新建目录如下,新建文件如下 其中分为两个文件夹,一个为views文件夹,一个为components文件夹,一个存放相关文件页面信息,一个存放相关组件信息。   创建相关url 创建相关页面url 在router目录下新建相关文件, 代码如下 { path: '/index', na
转载 2021-07-16 15:28:41
448阅读
  • 1
  • 2
  • 3
  • 4
  • 5