Element-ui，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。由饿了么公司前端团队开源。
element-ui的上手使用还是挺容易的，在理想情况下，只需要以下步骤：
找想要的样式组件
复制代码到对应的.vue组件
修改对应的数据
1.1 Element-ui介绍及文档
非组件样式
官方提供的样式中有一部分并非是组件样式，比如：字体图标、全局指令、全局事件等，这里简单说明下这类样式的使用方法
图标样式
一般情况下，使用i标签，并将class属性设置成对应的图标名即可；而对于别的组件希望引入图标时（可使用icon属性，例如el-button），设置icon属性为对应的图标名。
<i class='el-icon-user-solid'></i>
指令样式
例如Loading加载，其提供的是一个指令v-loading，使用时直接调用就行。
method
<template>
<div>
<!-- 监听change事件 -->
<el-input @change="handleChange" v-model="name" ref="nameInput">
<label slot="prepend">用户名：</label>
</el-input>
<el-button @click="handle">input组件 获取焦点</el-button>
</div>
</template>
<script>
export default {
data() {
return {
name: "zhangsan"
};
},
methods: {
handle() {
this.$refs.nameInput.focus();
// 调用focus方法聚焦到对应的input组件
}
}
};
</script><template>
<div>
<el-time-select
v-model="value1"
:picker-options="{
start: '08:30',
step: '00:15',
end: '18:30'
}"
></el-time-select>
<!-- picker-options是object类型，option里则提供了各种该对象里的参数 -->
</div>
</template>
<script>
export default {
data() {
return {
value1: ""
};
}
};
</script>文章浏览阅读2.8k次。在给mapbox地图添加比例尺的时候，我没有找到mapbox自带的比例尺，所以就自己写了一个。和其他自定义比例尺原理其实都差不多。首先，加载mapbox地图，这个就不再详细叙述，照着mapbox官网的教程打下来就行了。定义一个自定义View，MapScaleView,在这里计算每一级比例尺在屏幕上需要绘制的长度。计算比例尺的原理是获取屏幕中心的一点的每像素代表的实际距离，因为在同一纬度上每..._android mapbox 地图比例尺
文章浏览阅读656次。在Android中，像素（px）、分辨率、密度（dpi）和尺寸之間存在著密切的關係。**像素（px）**是屏幕上顯示圖像的最小單位。每個像素都可以顯示一種顏色，多個像素組合在一起可以顯示複雜的圖像。是指屏幕上像素的數量。它通常表示為寬度和高度的乘積，例如1920x1080。分辨率越高，屏幕上可以顯示的細節就越多。**密度（dpi）**是指屏幕上每英寸的像素數量。它用於衡量屏幕的清晰度。密度越高，同樣大小的圖像就會顯得更清晰。是指屏幕的物理大小。它通常以英寸為單位表示。_安卓手机屏幕倍数
文章浏览阅读540次。题意：给定图解序列（一系列非负整数，这些书）_可图解的序列
文章浏览阅读835次，点赞9次，收藏11次。Android 报错 Failed to transform exifinterface-1.2.0.jar_failed to transform file 'sm4-1.16-snapshot.jar' to match attributes {artifa
文章浏览阅读349次。linux 如何利用ISO搭建yum仓库作者digoal日期2016-11-12标签Linux , iso , yum , repo背景在使用Linux时，很多包有依赖关系，所以很多LINUX的发行版本都有自己的仓库管理软件，例如suse , debian, ubuntu , centos , rhel. 等等发行版本，各自有各..._linux ios设置成yum仓库
文章浏览阅读2.8k次。刘伟 付元礼 黄辛迪 李小智 胡为摘要：大学生学科竞赛是培养和提升高校大学生实践能力、创新素质和专业技能的重要手段，也是促进高校教育教学改革的重要途径。设计并实现一套功能完善的大学生学科竞赛管理系统，能够实现发布竞赛通知、分享获奖作品、统计参赛信息、分析历史数据等功能，具有重要的实用价值，有助于更好地提升参赛水平、总结参赛经验、积累竞赛成果、促进教学改革。关键词：学科竞赛;信息管理系统;系..._大学生学科竞赛管理系统设计
文章浏览阅读662次。你好！要用 Python 做一个随机题目生成器，你可以使用 Python 的 random 模块来生成随机数。下面是一个简单的例子，它会生成一道加法题：import random# 生成两个随机数num1 = random.randint(1, 10)num2 = random.randint(1, 10)# 计算答案answer = num1 + num2# 打印题目和答..._随机题目生成器
文章浏览阅读811次，点赞13次，收藏21次。设计模式的书相信很多人都看过。对于设计模式这样一种方法，相信不同的人有不同的理解。
文章浏览阅读221次。Lombok 作为一款非常流行的工具插件，肯定有它自身的优势所在，到底建不建议在日常开发中使用，我个人其实是一个中立的态度，如果你们团队的人都喜欢它，那推荐你使用，在使用之前，最好培训一下，有哪些坑点，避免踩坑。如果多数人不太喜欢用它，那就不推荐你使用，很多公司禁止你使用它的原因，其实这种插件有点类似那种流氓插件，工作原理不是官方所认可的方式来实现，假如某天新版本的 jdk 突然把这个漏洞给堵住了，那么项目想要升级 jdk，就比较困难。_项目总要不要使用lombok
文章浏览阅读127次。众所周知，不同配置的汽车在购买的时候，就那么一点点配置就要差几千元，为了节约，避免不必要的费用，其实汽车上一些简单的配置我们是可以自己购买汽车后DIY的。比如音箱，灯光，中控，雷达，倒车影像，辅助变道系统(BSM盲区监测系统)，当然还有些加装主动刹车功能的(这个不建议加装)等等一切和车身舒适系统相关的都可以选择性加装。如本文中的音箱系统，很多汽车购买后发现是两个音箱，音质只能说能发出声音来，谈不..._汽车音响电源如何升级
文章浏览阅读546次。后来还去ROS WIki看了一下，首先得确认代码没有问题（这个很重要），有些问题编译是不报错得，我是在融合坐标时出现的这个问题，是因为我的数据类型不一样导致得，最后把数据类型全部设置为一致就没有在报错了。_terminate called after throwing an instance of 'ros::serialization::streamov
文章浏览阅读1.6k次。索引是表特定列的组织版本，MySQL使用索引可以帮助用户方便快捷地检索记录。有了索引，MySQL可以直接跳转到想要的记录。如果没有任何索引，MySQL就需要读取整个数据文件以查找正确的记录。下面由Navicat官网主讲NavicatforMySQL表索引方面的知识内容。方法/步骤在“索引”选项卡，只需简单地点击索引栏位来编辑。使用索引工具栏，可以创建新的、编辑或删除选定的索引栏位。●添加索引：添加一个索引到表。●删除索引：删除已选择的索引。●名编辑框：设置索引名..._navicat索引子部分