Select 选择器 基础用法 <el-select v-model="val1" placeholder="请输入"> <el-option v-for="item in options" :label="item.value" :value="item.key" :disabled="item.disabled"> </el-option> <…

Radio 单选框 基础用法 选项默认可见,选项不宜过多,选项过多建议使用 select 选择器 使用 Radio 组件,需要设置 v-model 绑定变量,选中意味着变量的值为相应 Radio  label 的值,label 值可以为 String,Number,Boolean <el-radio v-model="radio1" label="1">选项1</el-radio> <el-radio v-model="rad…

基础用法 <el-input v-model="input1" palcehoder="请输入"></el-input> var Main = { data() { return { input1: '' } } } var Ctor = Vue.extend(Main) new Ctor().$mount('#app') 基础输入框 可指定不同的属性值对输入框进行设置 disabled :输入框禁用:size:输入框大小(large.med…

InputNumber 计数器 基础用法 <el-input-number v-model="num2"></el-input-number> v-model 绑定设置初始值 步数 设置 step 属性可以设置步长,接收一个 Number 精度 设置 precision 属性设置精度,接收一个 Number 尺寸 提供 medium.small.mini 三种尺寸,但都没有默认的尺寸大 按钮位置 设置 controls-position 属性可以设置控制按钮的位…

CheckBox 复选框 与单选框基本类似.如:按钮样式.带边框.复选框按钮大小. eg: <template> <el-checkbox-group v-model="selectCities" min='2' max="3"> <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}&…

基础按钮用法 按钮分为:默认按钮.朴素按钮(plain).圆角按钮(round).圆形按钮(circle).eg: <el-button plain>朴素按钮</el-button> 通过 type 属性指定 primary.success.info.warning.danger.text 其中的值设置按钮样式,其中若设置值为 text ,则为文字按钮,没有边框和背景颜色 <el-row> <el-button>默认按钮</el-button>…

Container 布局容器 用于布局的容器组件,方便快速搭建页面基本结构 <el-container> : 外层容器.当子元素包含 <el-header> 或 <el-footer> 时,全部子元素会垂直上下排列,否则水平左右排列 <el-header> : 顶栏容器 <el-aside> : 侧边栏容器 <el-main> : 主要区域容器 <el-footer> : 底边栏容器 这些组件均采用 flex 布局.<…

layout 布局 通过基础的 24 分栏,可进行快速布局 基础布局 使用单一分栏创建基础的栅格布局, 通过 span 属性指定每栏的大小 <el-col :span="8"></el-col> <el-row> <el-col :span="8"><div class="grid-content bg-purple"></div></el-col> <el…

1 UI5代码结构 上一次我们一起用了20秒的时间完成一个UI5版的Hello World.应用打开后有一个按钮,按钮的文字是Hello World,点击这个按钮之后,按钮会慢慢的消失掉(Fade out). 那我们这次就来看一看为了实现这么一个简单的功能,OpenUI5框架至少需要提供哪些内容,或者说我们通过这么一个简单的应用来看一下一个最简单的UI5的应用程序的结构. HTML部分应该不用多说,我们只看和UI5相关的代码,第一部分我们称为Bootstrap,包含以下代码段: <!-- 1.)…

oracle学习入门系列之六 模式 上篇咱们学习记录了ORACLE数据库中的数据库结构.内存结构和进程等.篇幅 蛤蟆感觉偏多了.这次要休整下,每次笔记不宜太多,不然与书籍有何差别. 我们要保证的是每次做记录都能全部收获全部提升. 上次中我们从整体上把握了下ORACLE系统结构,这次開始我们将涉及到ORACLE数据库的详细方方面面了. 本次就从模式对象入手. 老规矩.先来两个问题: a)        什么事模式 b)       为什么须要 搞清楚这两个问题就可以. 本人邮箱:appdevzw@…