Element-UI二次封装实现TreeSelect 树形下拉选择组件

========================== 第二次优化 ======================= 3、优化组件(实现点击select输入框中的×删除勾选) <!-- /** * 树形下拉选择组件,下拉框展示树形结构,提供选择某节点功能,方便其他...

2019-02-23 17:29:06

阅读数 2103

评论数 7

Echarts提示框(tooltip)位置设置

Echarts提示框(tooltip)浮层位置,不设置时,默认位置会跟随鼠标的位置。 但是,当提示框位置超出图表所在区域时,就可能出现提示框显示不全的问题,如下所示:           这就需要我们去设置提示框位置 1、设置提示框位置的方法 方法一:通过数组设置提示框位置 数组第一个...

2018-10-12 14:54:57

阅读数 8545

评论数 4

Echarts折线图属性设置大全

Echarts折线图属性设置大全 var option = { backgroundColor: '#FFF0F5', title: { text: '折线图', subtext: '模拟数据', ...

2018-09-14 23:05:36

阅读数 10115

评论数 0

Echarts饼状图属性设置大全

1、标题设置 title: { text: '学生生源地来源分布图', subtext: '模拟数据', // x 设置水平安放位置,默认左对齐,可选值:'center' ¦ 'left' ¦ 'rig...

2018-09-09 19:24:56

阅读数 27186

评论数 0

CSS3——flex弹性布局

容器的属性以下6个属性设置在容器上,就是说给flex container添加这些属性,来布局flex item。flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentflex-direction属性:决定主轴的...

2018-07-03 17:12:47

阅读数 95

评论数 0

未知大小的图片在固定宽高的盒子中居中

问题:图片大小未知,如何让图片在div中居中 给div设置一个背景颜色,方便观察居中效果 div{ background-color: lawngreen; } 让图片在div中水平居中的方法 ...

2018-06-11 23:19:08

阅读数 520

评论数 0

自适应宽高的盒子中文本垂直水平居中

问题:如何让span中的文字在div中垂直水平居中? 方法一:display:table;和display:table-cell; 给父元素div设置position: absolute;display:table;这样,div就会撑满整个浏览器屏幕; 给需要居中的元素span设置displ...

2018-06-11 22:29:00

阅读数 149

评论数 0

小div在大div中水平垂直居中(两个div都固定宽高)

方法一:儿子绝对定位或相对定位,这样儿子脱离标准流,父亲有固定宽高,用儿子的margin去挤父亲 <!DOCTYPE html> <html lang="en"> <head> &a...

2018-06-11 20:13:06

阅读数 5150

评论数 0

js-cookie

1、安装 npm install js-cookie 2、应用 <template> <div> <button @click="setCookie">创建cookie&am...

2019-05-21 20:12:05

阅读数 14

评论数 0

Element-UI实现Tree 树形控件节点添加图标

Element-UI实现Tree 树形控件节点添加图标: 属于自定义节点内容,可以通过两种方法进行树节点内容的自定义:render-content 和 scoped slot。 1、scoped slot实现在节点区添加图标 传入两个参数 node 和 data , 分别表示当前节点的 No...

2019-03-28 19:54:16

阅读数 1008

评论数 1

Element-UI的Select组件实现全选

选中状态变化的时候,分五种情况 1、点击全选,选中全部 2、全选状态下,再次点击全选,取消全部选中 3、全选状态下,取消了某个选中,就需要取消 全选 和 当前这个数据 的选中 4、没有全选,但是勾选了除全选外的所有数据,就是全选了,就选中所有 5、没有全选,但也没有勾选除全选外的所有数据...

2019-03-28 19:29:52

阅读数 322

评论数 0

JavaScript Cookie

一、Cookie的使用 JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie。 1、创建cookie // 创建cookie document.cookie="username=sleepwalk...

2019-01-08 21:42:56

阅读数 60

评论数 0

Element-UI实现椭圆搜索框

1、Element-UI复合型输入框实现的搜索框 <div> <el-input placeholder="请输入内容" v-model="input"...

2019-01-08 21:38:20

阅读数 1327

评论数 0

Element-UI的Switch 开关修改为字在按钮上

1、Element-UI的Switch 开关用法 http://element-cn.eleme.io/#/zh-CN/component/switch 2、修改后的示意图 3、样式修改 <template> <d...

2019-01-08 21:28:04

阅读数 1927

评论数 2

pycharm 安装激活破解方法

1、pycharm下载安装 https://www.jetbrains.com/pycharm/ 2、打开http://idea.lanyus.com/下载破解补丁 3、将补丁复制到pycharm安装目录的bin目录下 D:/Program Files/JetBrains/PyCha...

2018-11-25 16:20:39

阅读数 705

评论数 0

intellij idea 安装激活破解方法

1、intellij idea下载安装 https://www.jetbrains.com/idea/ 2、打开http://idea.lanyus.com/下载破解补丁 3、将补丁复制到intellij idea安装目录的bin目录下 D:/Program Files/JetBra...

2018-11-25 15:37:55

阅读数 248

评论数 0

webstorm 安装激活破解方法

1、webstorm下载安装 http://www.jetbrains.com/webstorm/ 2、打开http://idea.lanyus.com/下载破解补丁 3、将补丁复制到webstorm安装目录的bin目录下 D:/Program Files/JetBrains/Web...

2018-11-25 14:52:44

阅读数 279

评论数 0

node实现自启动浏览器打开某网址

方法一、利用child_process.exec() child_process是node.js的内置模块 var c = require('child_process'); // 使用默认浏览器打开 c.exec('start http://www.baidu.com'); // 使用指定...

2018-11-06 11:25:31

阅读数 851

评论数 0

Express生成器

1、全局安装express-generator express-generator:Express 应用程序生成器工具,包含了express命令行工具。 npm install express-generator -g 2、express命令行参数 3、创建一个名为express-ne...

2018-11-05 15:42:01

阅读数 137

评论数 0

Vue项目中使用Sass变量自定义ag-grid表格主题样式

1、在Vue项目中新建一个样式文件  src/assets/styles/table.scss ,引入ag-grid默认的样式文件 table.scss $ag-icons-path: "../../../node_modules/ag-grid-community/s...

2018-11-02 11:33:39

阅读数 221

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭