
Vue.js
Vue.js 2.x
爱喝水的qdy
No sacrifice, No victory!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ElementUI 标签组件
目录官方地址基本用法边框描边情境色主题自定义背景颜色尺寸可关闭的标签方式一方式二方式三click点击事件动态生成标签属性事件官方地址https://element.eleme.io/#/zh-CN/component/tag基本用法<el-tag>标签一</el-tag><el-tag>标签一</el-tag>边框描边边框描边由hit...原创 2019-11-24 14:33:58 · 6026 阅读 · 1 评论 -
ElementUI 页头组件
目录官方地址基本使用属性事件Slots官方地址https://element.eleme.io/#/zh-CN/component/page-header基本使用<el-page-header></el-page-header><el-page-header @back="goBack" content="详情页面"></el-page-hea...原创 2019-11-23 14:06:01 · 3723 阅读 · 0 评论 -
ElementUI 面包屑导航组件
目录官方地址基本使用图标分隔符Breadcrumb 属性Breadcrumb-Item属性官方地址https://element.eleme.io/#/zh-CN/component/breadcrumb基本使用<el-breadcrumb></el-breadbcrumb><el-breadcrumb-item></el-breadcrumb-...原创 2019-11-23 14:00:47 · 1185 阅读 · 0 评论 -
ElementUI 进度条组件
目录官方地址基础组件进度条样式情境色自定义颜色是否显示文字内容指定文字内容百分比内显进度条高度画布宽度属性官方地址https://element.eleme.io/#/zh-CN/component/progress基础组件<el-progress></el-progress>进度条样式样式由type属性声明,可取以下的值:line,线性进度条circle...原创 2019-11-23 13:56:35 · 12309 阅读 · 0 评论 -
ElementUI 加载Loding组件
目录官方地址区域加载自定义整页加载服务方式全局引入单独引入说明Options官方地址https://element.eleme.io/#/zh-CN/component/loading区域加载在表格等容器中加载数据时显示。Element提供了两种调用Loading 的方法:指令服务对于自定义指令v-loading,只需要绑定Boolean即可。默认状况下,Loading遮罩会...原创 2019-11-22 12:39:49 · 2033 阅读 · 0 评论 -
ElementUI 消息提示组件Message
目录官方地址应用场景基本用法通知类型偏移量使用HTML代码片段开启关闭按钮文字内容居中自定义图标iconClassonCloseclose实例方法全局引入单独引用Options方法官方地址https://element.eleme.io/#/zh-CN/component/notification应用场景常用于主动操作后的反馈提示基本用法$message()接受一个对象,messa...原创 2019-11-21 14:07:32 · 19609 阅读 · 0 评论 -
ElementUI 通知Notification组件系列
目录官方地址基本用法通知类型自定义弹出位置偏移量使用HTML代码片段隐藏关闭按钮全局引入单独引用其他属性的测试iconClassonCloseonClickclose实例方法Options官方地址https://element.eleme.io/#/zh-CN/component/notification基本用法$notify()接受一个对象,title,设置通知的标题message...原创 2019-11-20 13:20:36 · 9249 阅读 · 0 评论 -
ElementUI 警告框系列
目录官方地址基本使用情境色主题带icon文字居中辅助性文字带有 icon 和辅助性文字自定义关闭按钮属性Slot事件官方地址https://element.eleme.io/#/zh-CN/component/alert基本使用文字由title属性声明 <el-alert title="成功提示的文案" type="success"> </el-alert>...原创 2019-11-19 12:42:02 · 3538 阅读 · 0 评论 -
ElementUI 布局容器Container
目录官方地址布局容器组件常见布局测试用的CSS样式常见布局1常见布局2常见布局3常见布局3常见布局4常见布局5常见布局6实例templatestylejsel-container 属性el-header 属性el-footer 属性el-aside 属性官方地址https://element.eleme.io/#/zh-CN/component/container布局容器组件布局容器组件采...原创 2019-11-18 12:46:21 · 3806 阅读 · 1 评论 -
ElementUI 布局Layout
目录官方地址布局特性测试用的CSS代码基础布局分栏间隔(gutter)混合布局分栏偏移分栏排序flex布局响应式布局el-row组件属性el-col组件属性官方地址https://element.eleme.io/#/zh-CN/component/layout布局特性总共24列组件el-row声明行,默认渲染为div,通过tag属性来声明渲染成的标签组件el-col声明列...原创 2019-11-18 12:01:25 · 5244 阅读 · 1 评论 -
ElementUI 图标Icon
目录官方地址使用方法图标集合官方地址https://element.eleme.io/#/zh-CN/component/icon使用方法直接通过设置类名为 el-icon-iconName 来使用即可。图标集合el-icon-platform-elemeel-icon-elemeel-icon-delete-solidel-icon-deleteel-icon-s-t...原创 2019-11-17 13:27:24 · 47510 阅读 · 0 评论 -
ElementUI 色彩Color
目录官方地址色彩Color主色辅助色SuccessInfoWarningDanger中性色官方地址https://element.eleme.io/#/zh-CN/component/color色彩ColorElement 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。主色Element 主要品牌颜色是鲜艳、友好的蓝色。<div...原创 2019-11-17 13:09:39 · 8167 阅读 · 0 评论 -
ElementUI之文字链接
目录官方链接地址基本使用链接禁用链接情境色链接下划线链接图标属性官方链接地址https://element.eleme.io/#/zh-CN/component/link基本使用<el-link></el-link><p><el-link href="#" target="_blank">默认链接</el-link></p...原创 2019-11-16 13:42:59 · 3326 阅读 · 0 评论 -
ElementUI之按钮Button
目录官方链接地址单个按钮按钮组按钮样式按钮情境色按钮尺寸按钮图标按钮loading效果按钮原生动作类别按钮自动聚焦属性官方链接地址https://element.eleme.io/#/zh-CN/component/button单个按钮<el-button></el-button><el-button>我是一个按钮</el-button>...原创 2019-11-15 15:40:59 · 2251 阅读 · 0 评论 -
ElementUI之内置过渡动画
目录官方链接地址淡入淡出(fade)缩放(zoom)展开折叠组件(collapse)官方链接地址https://element.eleme.io/#/zh-CN/component/transition淡入淡出(fade)el-fade-in-linearel-fade-in<template> <div> <el-button @clic...原创 2019-11-15 15:03:36 · 6756 阅读 · 1 评论 -
qs简单使用
目录安装parse()stringify()传递数组false方式重写arrayFormat选项安装npm install qs --saveparse()qs.parse()将URL解析成对象的形式const Qs = require('qs');let url = 'error_no=0&valid=1&sub_category=1&method=get'...原创 2019-11-14 17:30:15 · 328 阅读 · 0 评论 -
axios初步认识
目录官方网站什么是 axios?axios特性浏览器支持安装案例执行 `GET `请求执行 `POST` 请求执行多个并发请求官方网站http://www.axios-js.com/zh-cn/什么是 axios?Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。axios特性从浏览器中创建 X...原创 2019-11-14 17:20:01 · 168 阅读 · 0 评论