- 博客(115)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 vue数据监听
deep选项为true时， 可进行指针的深度监听，不只是对象，数组也是同样会被深度监听。immediate选项为true时，当前监听回调函数会在Vue实例加载时立即触发回调。
2023-03-23 17:14:24
77
原创 Vue +Element 实现导航栏收缩展开功能
collapse=“isCollapse”，是否水平折叠收起菜单（仅在导航栏 mode 为 vertical 时可用），值为true 或 false。版权声明：本文为CSDN博主「Alance9」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/qq_41126139/article/details/102413487。当导航栏展开后的样式，自定义宽度，长度自适应。当isCollapse为true，导航栏收缩。
2023-03-21 17:47:44
1231
转载 element复选框全选
<el-checkbox :indeterminate="checkList.indeterminate" v-model="checkList.checkAll" @change="checkAllChange"> 全选</el-checkbox><el-checkbox-group v-model="checkList.checkValue" @change="checkChange"> <e...
2021-11-10 11:28:58
436
转载 vue element-ui列表中el-switch 开关
一.需求说明1、根据后台传值动态显示开关（0为关，1为开）2、对开关进行操作时请求后台，需要传两个参数：ID，State二.需求描述在列表的每一条添加一个开关，可以改当前一条数据的状态，并发送到服务端，并根据服务端返回的结果局部刷新当前一条数据三.期望结果已读和未读是后端返回给我的状态，分别是1和2，我先点击switch发送给后端这条数据的id，然后修改这一条数据的状态，而不是重新拿这个列表，如果后端返回失败的情况这个switch不做改变四.解决方法1.表格中组件
2021-03-12 18:19:21
4227
原创 vue下拉列表
一.下拉选项固定<el-select v-model="form.fileOrgType" placeholder="请选择"> <el-option label="是" value="Y"> </el-option> <el-option label="否" value="N"></el-option> </el-select>二.下拉选项从数据库中获取<el-selec...
2021-03-12 17:32:28
1296
转载 使用vue+elementUI+springboot创建基础后台增删改查的管理页面
目前这家公司前端用的是vue框架,由于在之前的公司很少涉及到前端内容,对其的了解也只是会使用js和jquery,所以..慢慢来吧。在此之前需要先了解vue的大致语法和规则，可先前往官方文档进行学习https://cn.vuejs.org/v2/guide/1.搭建vue工程使用vue一般有直接引入vue.js方式,或者使用node.js进行构建,因为大部分的教程都是围绕node.js来展开的,所以这儿也使用node。步骤1.下载node.js并安装,一般安装完成后会环境变量已经配置好,...
2021-03-12 16:59:00
4622
原创 vue+element-ui 表格前后台交互
1.表格<template> <div> <div class="crumbs"> <el-breadcrumb separator="/"> <el-breadcrumb-item> <i class="el-icon-lx-cascades"></i> 基础表格 &
2021-03-10 09:52:18
1294
2
转载 vue+element-ui 实现数据的增删改查以及分页（举例新增学生）
1.首先获取所有的学生信息并显示在表格上，进行分页。后台要求传的参数：后台接口封装：element-ui创建数据。必须有HTML表格<el-table :data="studentData" border style="width: 100%"> <el-table-column prop="id" label="学号"></el-table-column> <el-table-column prop="name" label=".
2021-03-10 09:40:45
960
2
转载 vue element 表格增加删除修改数据
这里用到是设置一个弹出框来实现此功能，还有一种方法是直接在原来的基础上面进行修改效果如下：表格的table：<el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name" label="姓名" width="180"&..
2021-03-10 09:36:26
1203
3
转载 axios请求五种方法
axios请求五种方法一、介绍Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。可以提供以下服务:1、从浏览器中创建XMLHttpRequests2、从node.js创建http请求3、支持PromiseAPI4、拦截请求和响应5、转换请求数据和响应数据6、取消请求7、自动转换JSON数据8、客户端支持防御XSRF二:使用1、axios的安装: 安装命令; npm install axios2、ax.
2021-03-08 09:53:54
3605
1
转载 Vue 实战快速上手
转载https://www.cnblogs.com/unremitting-efforts/p/13835464.htmlVue 实战快速上手我们采用实战教学模式并结合ElementUI组件库，将所需知识点应用到实际中，以最快速度带领大家掌握Vue的使用创建工程注意：命令行都需要使用管理员模式运行创建一个名为hello-vue的工程vue init webpack hello-vue安装依赖，需要安装vue-router、element-ui、sass-loader和n
2021-03-08 09:48:08
111
转载 纯css选项卡
代码这里主要使用表单的单选按钮来实现这个TAB显示和隐藏，首页tab里的内容默认隐藏，如果单选按钮为选中状态（checked）就显示内容。具体请看下面代码。关于兼容性，因为是用CSS3来制作的，所以如果不支持CSS3的浏览将会出现不兼容的情况。HTML代码<ul class="tabs"><li><input type="radio" nam...
2018-12-06 17:06:20
302
转载 jquery tree的使用
这个ui用的一切都是json数据。树也是如此！后台需要返回与格式匹配的json数据才能正确加载树。页面定义一个ui： [html] view plaincopyprint? <ul id="messageInfoAddTree" class="easyui-tree" checkbox="true" data-options="lines:true" style="h...
2018-08-31 10:56:31
13200
转载 chrome调试工具常用功能整理
Elementschrome devtools 中 Elements panel 是审查 dom 元素和 css 的, 可以实时修改 dom/css.windows: ctrl + shift + imac: cmd + opt + iDOM修改 html & 属性节点右键, 如下图, 可以:添加属性(enter)修改 html(F2)删除元素(delete)除了右键, 还可以:h tog...
2018-07-04 16:39:22
1168
转载 echarts折线图
该折线图有几个特性：有数据平均线、有占位背景、X(Y)轴轴线以及轴线刻度不显示。图表效果如下:代码如下:[html] view plain copy<code class="language-javascript"><!DOCTYPE html> <html> <head> <meta charset="UTF-8...
2018-07-04 13:57:03
902
转载 echarts漏斗图
图表效果如下：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>(金字塔)漏斗图案例</title> <!-- 引入 ECharts 文件 --> <script src="js/ech
2018-07-04 13:56:23
5892
转载 echarts单系列柱状图
单系列柱状图图表效果如下：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>单系列柱状图案例</title> <!-- 引入 ECharts 文件 --> <script src="js
2018-07-04 13:55:38
1212
转载 echarts三系列柱状图
三系列柱状图图表效果如下：具体代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>三系列柱状图案例</title> <!-- 引入 ECharts 文件 --> <script src="
2018-07-04 13:54:54
2663
转载 echarts双向条形图案例
双向条形图图表效果如下：具体代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>双向条形图案例</title> <!-- 引入 ECharts 文件 --> <script src="js
2018-07-04 13:54:07
8657
1
转载 echarts关系图
图表效果如下：具体代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>关系图案例</title> <!-- 引入 ECharts 文件 --> <script src="js/echart
2018-07-04 13:53:06
3927
2
转载 echarts环形饼图
图表效果如下：具体代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>关系图案例</title> <!-- 引入 ECharts 文件 --> <script src="js/echart
2018-07-04 13:52:17
3063
转载 echarts圆环图
图表效果如下：具体代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>圆环图案例</title> <!-- 引入 ECharts 文件 --> <script src="js/echart
2018-07-04 13:51:21
922
转载 echarts雷达图
雷达图图表效果如下:具体代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>雷达图案例</title> <!-- 引入 ECharts 文件 --> <script src="js/ech
2018-07-04 12:31:46
2725
转载 前端性能
1. 性能优化1.1 页面重构怎么操作？网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。对于传统的网站来说重构通常是：1.1表格(table)布局改为DIV+CSS使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)对于移动平台的优化针对于SEO进行优化深层次的网站重...
2018-06-29 16:41:30
178
转载 H5移动端获奖无缝滚动动画实现
需求分析哈哈，上动态图真的是一下就明了了。就是滚动么滚动，那么制作这个有什么方法呢？我们来总结一下:html骨架其实很简单，最外面的<div>是做固定的窗口，里面的<ul>控制运动，<li>里面是展示动画<div class="roll" id="roll"> <ul> <li>
2018-06-25 20:41:11
6587
转载 javascript常用实例封装
1.前言大家在开发的时候应该知道，有很多常见的实例操作。比如数组去重，关键词高亮，打乱数组等。这些操作，代码一般不会很多，实现的逻辑也不会很难，下面的代码，我解释就不解释太多了，打上注释，相信大家就会懂了。但是，用的地方会比较，如果项目有哪个地方需要用，如果重复写的话，就是代码沉余，开发效率也不用，复用基本就是复制粘贴！这样是一个很不好的习惯，大家可以考虑一下把一些常见的操作封装成函数，调用的时候...
2018-06-25 16:22:40
264
转载 css新特性
1.前言css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有用的），以及一些实例，就写了这一篇总结！希望，这篇文章能帮到大家认识css3。写这篇文章主要是让大家能了解css3...
2018-06-25 16:00:44
230
转载 前端锦上添花的知识点
1.前言在前端学习里面，很多人都是注重学习代码（html，css，js）。或者是一些框架，库（jquery，vue，react）,或者是各种工具（webpack，gulp）。在以往的文章里面，或者自己和别人交谈，都有建议过别人多练，不要闷头就写代码，多深入了解当中的原理，学习其中的思想。但是除了代码方面的知识之外，还有哪一些是作为一个前端，应该扩展学习的呢？下面简单罗列和整理了一下最近学习的资源。...
2018-06-25 15:38:00
164
转载 vue环境搭建
相信很多人在刚开始学习vue这个框架的时候，在最开始搭建开发环境的时候，都会遇到一些大大小小的坑，我之前在学习angular的时候搭建过一次，过了一个月后在搭建第二次的时候，竟然有一些混乱，所以今天想整理出来；vue现在在前端，相对于算是现在前端工程师都比较常用的框架之一，他和angular有一些相似之处，所以用过angular的伙伴们，再来学习vue应该不会感觉太难；一：在搭建vue的开发环境之...
2018-06-20 17:26:19
171
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人