项目需求： 表格中添加全选功能，然后还要单独点击的时候进行一个请求，后台判断是否可以选中。点击全选的时候不进行判断是否可以选中，并且有分页切换时要记住上一页选中的数据。 解决方法： 1.单独点击进行校验使用select事件：<el-table :data="tableData" style="width: 100%" @selection-change="selectionChange" r
转载
2024-02-15 11:08:41
319阅读
据说是一本不错的JQuery书，看完后感觉总体也不错，介绍的挺全面的，列举了大量的例子，比较易懂。加上之前学过一点CSS方面的知识，所以在看选择器这部分也比较容易理解（很多都是CSS的写法）。总体感觉，JQuery大置分成了几大块：选择器、DOM操作、事件、动画、AJAX。本书都一一的介绍了，特别是选择器，几乎每种选择器都列举了一个例子，很容易看懂。此文为读本书的过程中，记录的一些笔记，例子不是
一、使用原生js实现拖拽<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Lazyload</title>
<style>
.drag {
background-color: skybl
转载
2024-05-06 16:42:55
213阅读
前言浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是 JS 引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)。这里面大家最耳熟能详的可能就是 Webkit 内核了，Webkit 内核是当下浏览器世界真正
<template> <el-card style="margin: 10px"> <div class="detailBox"> <el-transfer v-model="value" :data="peopleNum" :button-texts="['到左边', '到右边']" @chang ...
转载
2021-10-20 09:40:00
1267阅读
2评论
**已更新: 现在适合任意个子节点数据结构（不包含子节点，一个子结点，多个子结点，多个孙子节点等等）,如果数据结构不是label, value, children形式的,可以通过props属性进行映射**已更新2023/09/13: 修复全选后, 取消任意子项,选中第一项的问题, 具体操作在文章最下面:
vue+elementUI(cascader)全选功能实现-- 最新版视频--支持多层级
转载
2024-03-23 17:42:00
140阅读
社区维修平台前端技术：nodejs+vue+elementui主要的模块包括基本住户管理、社区公告管理、维修工管理、维修订单管理、接单信息管理、订单信息管理、在线沟通管理、举报信息管理、留言板管理、系统管理模块等功能。管理员对后台对有相应的操作权限。系统中管理员为主要是为了安全有效地存储和管理及维护系统的各类信息，可以对系统进行管理与更新维护。 Express是一个基于N
转载
2024-07-15 10:13:01
229阅读
vue项目中自己实现下拉刷新和上拉加载
vue项目中自己实现下拉刷新和上拉加载1、页面监听版（简单）在mounted里监听页面滚动其实是只要监听滚动盒子的scroll事件即可，但有的时候滚动的是整个页面，那我们就直接监听window的滚动就可以：window.addEventListener('scroll', this.onContentScroll)
1.安装 使用命令 npm i element-ui -S 安装element ui 安装sass加载器 cnpm i sass-loader -D 2.使用 在main.js加入如下代码 import Vue from 'vue'; import ElementUI from 'element-u ...
转载
2021-07-28 14:58:00
321阅读
2评论
一、介绍安装之前请先了解一下各个部分的作用，如果已经掌握，可以直接跳到第二部分。1. Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Javascript
element-ui自带的穿梭框两边都是列表的格式，想要更多样式就自己造吧~思想是：点击“添加”数据从左边列表删除，插入到右边列表中，由于没有添加后台，刷新之后数据就恢复了，实际使用的时候得访问后台接口才行~完整代码在最后面。效果图：左边是一排按钮组成的列表，也可以用ul li实现，右边是el-table表格。1.布局：添加对话框，将对话框的body从左到右分成三部分<el-dialog t
转载
2023-12-19 22:30:31
179阅读
目录一、DOM二、类选择器类选择器示例代码类选择器Class Selector*指定多个class多个class选择器，后定义的优先级高三、标签类型选择器标签类型示例代码：统一设定某种标签的样式标签与类结合使用四、ID选择器元素的IDID选择器ID选择器示例代码：五、伪类选择器伪类选择器示例代码： 六、子选择器子选择器示例代码：一、DOMDOM, Document Object Mode
转载
2024-11-01 07:56:39
74阅读
博主需要在项目中需要使用el-table和el-pagination标签实现表格分页功能，方法如下：el-table标签的data属性是显示的数据，绑定为showTable计算属性<el-table
:data="showTable"
:header-cell-style="{background:'#eef1f6',color:'#606266'}"
h
应产品的要求，做人生中的第一次换肤项目，在没做之前，确实觉得挺没有头绪的，所以就只能借助于百度啊，然后发现其实element自带的就有换肤功能，虽然看了很多别人的文章，但是想自己写一下加深印象。 一、项目搭建 第一步肯定是根据命令行生成对应的项目框架，然后安装element，根据需求引入自己需要的eleme
转载
2024-05-13 09:25:19
536阅读
我想在触发下拉框change事件时获取到scope里的值，因为el-select的change事件默认有个回调参数，就是选择的value，如果想额外获取其他的值不能直接写@change="changeRole(scope)"，这样会覆盖默认的参数，加上$event就可以取到了。不仅仅是el-select，其余的Element-UI的组件中实现这种不想覆盖默认参数都可以这样使用。补充知识：ele
转载
2021-05-08 23:32:57
2100阅读
2评论
这个是今天遇到一个坑，因为也是第一次使用vue+element-ui开发，所以记录一下自己遇到的一些问题。 这个问题是在开发省市区三级联动组件的时候遇到的，具体的情况如下发的gif图，虽然解决了问题，但是还是没有懂是为什么这样，有人说是element的bug，不过我觉得不像，可能是用法的问题吧，希望知道原因的博友们可以告知，现在先上下代码；1.首先address.json的格式是：[
{ "nam
转载
2024-03-29 07:43:43
372阅读
Element-ui设置全局弹出框
原创
2021-07-19 16:30:20
1382阅读
在开发过程中，总有一些不得已的需求要实现，比如我遇到的，具体需求是： 1:展示表格数据，属性以下拉框的形式展示 2:此属性可直接进行编辑 3:可多选 如下图所示： 那么到我们开发手里就需要分析怎么能够实现这个效果，首先要把这个页面先画出来，具体代码如下： <el-table> <el-table-c ...
转载
2021-09-26 18:41:00
2656阅读
2评论
前言 最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue项目开发中常见的问题及解决办法。如果你是vue大佬，请忽略小弟的愚见V查看打包后各文件的体积，帮你快速定位大文件路由懒加载（也叫延迟加载）开启gzip压缩代码详情页返回列表页缓存数据和浏览位置、其他页面进入列表页刷洗数据的实践css的scoped私有作用域和深度选择器hiper打开速度测试vue数据的两种
element 穿梭框性能优化背景穿梭框处理大数据量时,由于渲染的 DOM 节点过多，造成页面卡顿的问题。 在尽量不改变组件原有逻辑的前提下，进行优化。解决思路懒加载 - InfiniteScroll 组件先从 packages/transfer 中将原组件拷出（或者改源码重新打包维护私有库使用）将v-infinite-scroll="pageDown"
:infinite-scroll-imme
转载
2024-03-23 11:10:24
448阅读
