element-ui
Mr.app
这个作者很懒,什么都没留下…
展开
-
Element-UI限制选择过去时间
:picker-options=“pickerOptions” <el-date-picker v-model="date" :style="`width:${width}px`" type="date" format="yyyy-MM-dd" :disabled="disabled" :value-format="valueFormat" class="date-day-box" placeholder="选择日期" :pi原创 2021-04-15 16:50:43 · 90 阅读 · 0 评论 -
el-tree指定节点不可选中
<el-scrollbar style="height:93%;"> <el-tree ref="treeForm" :data="treeData" highlight-current node-key="id" show-checkbox check-strictly :filter-...原创 2020-11-30 14:56:35 · 11460 阅读 · 0 评论 -
el-tree滚动条组件
`<el-scrollbar style="height:100%;"> </el-scrollbar>`原创 2020-11-23 11:12:59 · 410 阅读 · 0 评论 -
el-tabs内容溢出显示省略号并且鼠标划上去有内容提示
<el-tab-pane v-for="item in ywEditableTabs" :key="item.name" :name="item.name" class="yw-tab" :closable="true"> <el-tooltip slot="label" effect="dark" :content="item.title" placement="bottom-start"> <span class="tmp...原创 2020-11-10 14:02:48 · 1889 阅读 · 1 评论 -
el-dialog 允许背景滚动
:lock-scroll="false" 允许背景滚动原创 2020-10-09 09:30:06 · 1478 阅读 · 0 评论 -
Element-ui 输入框验证
只允许输入汉字 dtiChinese: [{ pattern: /^[\u4e00-\u9fa5]+$/gi, message: '表中文名不能包含数字及特殊字符', trigger: 'blur' }, { type: 'string', required: true, message: '请输入表中文名', trigger: 'blu原创 2020-08-22 13:24:15 · 1995 阅读 · 0 评论 -
Element-ui el-tree不同节点使用不同图标
icons:{ category:'categoryTreeIcons', table:'tableIcon', class:'classIcon' },原创 2020-08-06 14:46:57 · 3568 阅读 · 0 评论 -
Element-ui el-tree控件获取父级对象
id:当前节点id this.$refs.Vtree.getNode(id).parent.data.name原创 2020-08-06 14:37:48 · 1470 阅读 · 0 评论 -
Vue、Element-UI Table报表
年份动态、数据动态(无法确定key值)``模板字符串是在ES6中兴起,动态key值皆可拼接:用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。空数据使用formatter过滤掉 <el-tab-pane label="系统档案数量统计" name="first"> <el-table v-loading="isLoading" :data="(index,TableDat.原创 2020-07-28 11:21:19 · 4038 阅读 · 0 评论 -
Element-ui $msgbox自定义提示内容
const h = this.$createElement this.$msgbox({ title: '提示', message: h('p', null, [ h('div', null, '该操作将彻底删除该分类,是否继续? '), h('div', { style: 'color: #93989E' }, '删除后将无法恢复') ]), showCancelButton:...原创 2020-07-22 14:38:56 · 3697 阅读 · 0 评论 -
element-ui 的响应式栅格布局(Layout布局)
1.基础栅栏<el-row :gutter="20"> <el-col :span="6"><div style="backgroud-color:red"></div></el-col> <el-col :span="6"><div class="backgroud-color:#e5e9f2;">&l...原创 2020-04-24 15:07:37 · 10708 阅读 · 0 评论 -
Vue+Element-UI多选变单选
// 多选只能选择一个 <el-checkbox-group v-model="lessonForm.ladder" @change="ladderChange"> <el-checkbox v-for="(item, index) in ladderList" :key="item" :label="index" >...转载 2020-04-10 15:21:27 · 1182 阅读 · 0 评论 -
Vue使用print.js连续打印多页A4表单
父组件<el-dialog :visible.sync="printDialog" class="printDialog"> <div ref="print"> <section class="print-page page-a4"> <acceptance-form :reg-id="printTabl...原创 2020-01-14 16:09:17 · 7498 阅读 · 2 评论