一、在使用
element table
表格时，
获取选中项处理 1.视图 <div> <el-button type="primary" @click="getSelected()">
获取选中结果</el-button> <el-table ref="multipleTable" :data="tableDa...
原创
2021-11-23 17:29:21
2758阅读
额，最近有点频繁记录。感觉遇到了很多的问题。然后不断的查，不断的尝试修改。然后得到解决。还是记录关于element-ui的使用。这次是关于表格的使用。表格使用其实平时用的话也就那么几个属性。虽然官网提供了好像还是蛮多的属性和方法，但是一般情况下不是很复杂的表格的话，使用的属性都是基本的。方法的也基本是。这次遇到的问题整整折腾了快一天的时间。代码使你兴奋，同时，更多的是使你"疯狂"。这个疯狂更多时候
转载
2024-06-13 12:54:44
930阅读
有一段时间没更新文章了，主要是因为自己一直在忙着学习新的东西而忘记分享了，实在惭愧。这不，大半夜发文更一篇文章，分享一个自己编写的一个Vue的小组件，名叫BootPage。不了解Vue.js的童鞋可以移步我的上一篇文章《浅谈Vue.js》了解一下。BootPage组件简介其实也不是啥高大上的组件了，相反确实一个简单的表格分页组件而已，主要是自己最近项目中需要一个表格分页组件，而Vue官方组件库里分
转载
2024-09-12 20:11:49
79阅读
我们的项目是前端用vue,服务端用node.js,这个excel导出我们已经用了一年,我们目前用到的无非是图片导出,文本导出,调调excel单元格距离等.这个node端的封装是经过同事不断的review(感谢同事),俺不断的修改优化后的代码,当时也是我第一次接触node.js,只想告诉你,用它,稳稳的！node.js服务端代码1.拿到需要导出的数据之后如何使用(假数据模拟,下面是页面) i
一、嵌套表的定义： 嵌套表是表中之表。一个嵌套表是某些行的集合，它在主表中表示为其中的一列。对主表中的每一条记录，嵌套表可以包含多个行。在某种意义上，它是在一个表中存储一对多关系的一种方法。考查一个包含部门信息的表，在任何时间内每个部门会有很多项目正在实施。在一个严格的关系模型中，将需要建立两个独立的表department和project。 嵌套表允许在department表中存
转载
2024-09-26 22:07:05
35阅读
一、需求点击表格操作列的操作按钮，弹出弹窗确认后可复制该行数据，表格随之增加一行二、思路（自己做的有点笨）点击操作列的按钮时都会获取到当前行的信息；在按钮的点击函数中控制复制弹窗的显示，定义一个收集表单信息的对象，里面的字段和你表格的需要一致；将点击某一行后拿到的该行的数据进行修改，因为复制的信息不能和原本的一样需要做区别，修改之后直接赋值给对象的对应字段，这样点击确认时就能得到和原来的行一样的数
是这样的,页面是商品列表 使用了element-ui 中的 el-table 正常渲染是没问题的,可是我需要显示商品图片,这就需要先获取到每个商品对象的图片路径,但是看element文档没有说怎么获取数据的,只是能够在列中使用prop 经过百度,知道了vue的插槽,代码如下 <el-table :d
原创
2022-05-31 23:14:47
2237阅读
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阅读
官网：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.
ElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格
原创
2023-10-08 10:46:08
285阅读
需求： 想要实现这样的一个需求，左边是组件库。中间是展示。拖拉组件到中间就形成一个组件。刚开始用的form-create,发现不行，又用的form-create-design,但vue3版本的只有element plus库，系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框组件就够了，有点用宰牛刀的感觉，而且右侧还不能自定义，看悟空CRM的源码看的
转载
2024-02-12 21:58:09
490阅读
一、方法一描述：列表懒加载+节流 效果图： 实现： 组件：LazyLoading<template>
<div class="lazy-list">
<slot></slot>
</div>
</template>
<script>
export default {
name: "LazyLoa
转载
2024-04-22 23:49:40
950阅读
vue + elementui 实现前端读取 excel 表格内容最近公司有个需求，将excel表格内容展示到页面中，然后查看展示出来的内容没有问题，再将内容上传到服务端 网上有很多方法，但是楼主并未找到一个适合自己的(搜到的都不怎么好用)，所以自己结合网上其他前辈的文章，总结了一份可以直接拿来使用的，希望能帮助到需要的人我们要实现的效果是点击<el-button>按钮，然后选择exc
转载
2024-03-24 14:24:55
47阅读
从事B端设计的同学一定知道，B端产品使用频率最高的就是表单和表格，那么就关于数据表格的设计，我总结了一点经验分享出来，大家一起探讨优化。首先，数据表格结构熟知的数据表格，主要有以下两大类：简单表格（二维表格）、复杂表格（交叉表格）表格结构如下图所示： 简单二维数据表格结构 复杂交叉表格结构 从表格的结构来看，它主要有以下特点：结构化结构化，主
转载
2024-03-15 11:54:41
507阅读
一、导入Excel文件上传excel文件，并
获取表格数据；以下有两种方式：①js方式，写在子组件中，引入本页。②结合
element-ui中的el-upload，在本页中编写方法一：js方法编辑一个子组件，然后只需要在父组件中引入即可使用；父组件<template>
<div class="upload-excels">
<h4>①js方式
formatter 指定一个vue methods 方法 作用：对从数据库中取出的数据进行处理后展示。 <el-table-column prop="partner1" // prop 指定从数据库中查询出的展示字段 :formatter="getPartnerName" // formatter指
原创
2021-07-09 15:00:16
1113阅读
一、页面跳转方式在页面中有两种跳转方式，第一种跳转方式是 使用 a 标签的形式进行跳转，也称之为标签跳转。第二种跳转方式是使用 window.location.href 的形式进行跳转，也称之为编程式跳转。在vue页面中，实现列表页跳转到详情页，也就有两种方式。第一种是标签式跳转，通过router-link的形式进行跳转。第二种是编程式跳转，通过 this.$router.push的形式进行跳转。
# 简略版+自己的注释// 判断一个变量是否是对象
function isObject(obj) {
return obj.constructor === Object
}
class Observer {
constructor(value) {
this.value = value;
if (!arr.isArray(value)) {
this.walk(value);
}
}
walk(o
转载
2024-07-18 21:16:20
110阅读
ElementUI安装与使用指南
Table 表格
点击下载learnelementuispringboot项目源码
效果图el-table.vue（Table表格）页面效果图项目里el-table.vue代码<script>
export default {
name: 'el_table',
data() {
return {
tableData: [{
转载
2024-07-25 07:24:20
289阅读
这个功能难度感觉一般般吧,记录一下,以后碰到了直接来复制,懒得再写了 效果如下: 前6列是合并,后面的有几行,动态显示几行 重点是在数据处理上面做文章,合并列大家都会,数据处理呢?这样来处理, 我们拿到从后端返回得到数据后,对其进行二次处理:,如下: 好了,你学会了吗?有任何问题欢迎留言哦
原创
2022-01-13 16:43:28
462阅读
点赞
