一、页面跳转方式在页面中有两种跳转方式,第一种跳转方式是 使用 a 标签的形式进行跳转,也称之为标签跳转。第二种跳转方式是使用 window.location.href 的形式进行跳转,也称之为编程式跳转。在vue页面中,实现列表页跳转到详情页,也就有两种方式。第一种是标签式跳转,通过router-link的形式进行跳转。第二种是编程式跳转,通过 this.$router.push的形式进行跳转。
excel 是我们在工作中最常用的办公软件之一。作为一个功能强大的电子表格制作和数据处理与分析的软件,甚至可以看做是数据处理与分析的小型加工厂。 Excel在工作中的作用不言而喻,能不能用好Excel很多时候直接体现了工作能力和水平。许多老外做的Excel表格,非常的漂亮: 再看看我们最常见的表格,难看的瞬间爆表 我们对老外的表格好看的原因进行了归纳,
转载
2024-05-31 09:49:26
574阅读
文章目录一、 效果展示二、实现方法1、 表头可理解为三部分: `left`, `center` ,`right`2、 `left` 部分3、 `center` 部分4、 `right` 部分和 `left` 相似处理。5、 动态设置 rowspan (解决图层覆盖问题)三、完整实例代码1、 Html 做多层嵌套2、 数据模拟&图层覆盖问题四、为什么嵌套多层`<el-table-co
转载
2024-03-25 10:34:20
2626阅读
效果图首先是表头的处理部分<template slot-scope="scope">
<el-table-column align="center">
<template slot="header" slot-scope="scope">
{{ name }}交接班统计
转载
2024-03-15 09:59:02
1491阅读
某天,接到一个逻辑比较复杂的报表开发任务,如下: 这里是这个报表的左半部分,可以看到,左边的四列属性,功能属性,物料编码,产品名称,规格为固定属性,右边的所有前三列数据相同的子数据(数量,单价,类别)按照月份分类以后再按照客户进行分类,再在此基础上计算小计(数量*单价)。当然,这还是不是全部内容,我们再来看表格的右半部分: 在表格的最后,需要计算整行的小计数量总和,小计总和并按汇率相应的转化为人民
转载
2024-07-04 16:56:38
490阅读
利用element-ui的表格实现复杂合并单元格之二前言效果图实现代码数据格式 前言哈哈哈哈哈哈,为什么是之二呢,因为以前还有一篇,第一篇合并单元格的时候只考虑了当前列需要合并的数量,不知道我在说啥是吧,那就算了。效果图效果图解读:监测主体相同的需要合并,交易对方是以监测主体相同为前提条件合并,上限金额是仅当为翰林汇的时候才需要合并。实现代码思路就是从头遍历到脚,比较一下当前的值和上一个值是否相
转载
2024-04-10 13:44:42
116阅读
大多数模块我们涉及到常规增删改查等业务接口,那么这些类继承 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 本地化的任务 ,本着分享的原则将过程记录下来VUE及Element-UI信息网站快速成型工具Element-UI渐进式JavaScript 框架Vue.js 准备在查阅了一些资料之后发现所谓本地化就是将相应的menu、tips、message做成变量,同时将这些变量对应的
环境配置: 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项目代
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阅读