
Element-ui
woodFan先生
这个作者很懒,什么都没留下…
展开
-
el-date-picker 时间选择取消联动
属性:unlink-panels<el-date-picker v-model="sjtbForm.sjfw" type="datetimerange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00原创 2022-03-07 16:10:32 · 2150 阅读 · 0 评论 -
Element 自定义主题样式
步骤:一、配置 sass 依赖(版本:node-sass:^5.0.0 sass-loader:^10.1.1)npm install node-sass sass-loader --save二、在 src/assets/css/ 下创建 element-variables.scss文件,定义主题样式/* 改变主题色变量 */$--color-primary: #1D54CF;/* 改变 icon 字体路径变量,必需 */$--font-path: '~element-u...原创 2021-12-06 17:14:36 · 1015 阅读 · 0 评论 -
Element tree 懒加载 节点局部刷新
实现步骤:一、HTML<el-treelazy:load="loadNode" ref="menuTree"node-key="value"> <div slot-scope="{node,data}"> <div title="刷新节点"@click="refreshNodeData(data.value)"> 图片 </div> </div></el-tre...原创 2021-05-19 09:52:48 · 633 阅读 · 0 评论 -
element upload 判断是否已选取文件
使用ref属性 获取上传附件var files = this.$refs.upload.uploadFiles;//判断files数组的长度是否大于0,不大于0 则未选择附件参考网址:http://www.jsphp.net/vue/show-25-452-1.html原创 2021-04-07 16:58:07 · 4063 阅读 · 0 评论 -
element table 列 自定义排序
1、在table的列中 定义:sortable="true" :sort-method="jzrsSort"<el-table-column label="居住人数" prop="jzrs" min-width="100" :sortable="true" :sort-method="jzrsSort" v-if="jzrsIsShow"></el-table-column>2、js实现// 自定义...原创 2021-02-05 20:39:16 · 1358 阅读 · 0 评论 -
Element cascader 级联选择器使用,及获取当前选中的对象
使用步骤:1、html代码:<el-cascader ref="xzCascader" :props="xzProps" :show-all-levels="false" @change="xzHandleChange" placeholder="请选择行省市区"></el-cascader>2、js代码--data()xzProps: { //省市区选项 label: 'xzMc', value原创 2021-01-19 23:50:16 · 6335 阅读 · 0 评论 -
Element UI table列表内容合并
背景: element-ui官网中关于行合并的例子是根据行号进行合并的,不符合开发需求,因为通常table中的数据都是动态生成的,所以需要做一些修改...原创 2020-05-07 16:21:15 · 530 阅读 · 0 评论 -
VUE 项目中 退出登入后 禁止返回键操作
HTML代码: (点击 退出登录时 触发 loginout命令,它在js中进行了监听)<el-dropdown class="user-name" trigger="click" @command="handleCommand"> <span class="el-dropdown-link"> ...原创 2019-12-10 02:55:28 · 4879 阅读 · 0 评论 -
VUE Elemet UI 时间范围操作
背景: 时间关系:离开原籍日期<=来京日期<=来现住址日期<=当前日期,只能在 这个范围中操作步骤:HTML代码:<el-date-picker v-model="lkyjrq" type="date" placeholder="离开原籍日期" :picker-options="pickerOptions0"></el-date-picker><el-date-picker v-m...原创 2019-12-06 22:04:02 · 723 阅读 · 0 评论 -
js 时间格式化
let date = new Date();let yyyy = date.getFullYear();let MM = (date.getMonth() + 1)>10 ? (date.getMonth() + 1) : '0'+(date.getMonth() + 1);let dd = date.getDate()>10 ? date.getDate() : '0'...原创 2019-07-06 16:29:48 · 308 阅读 · 0 评论 -
VUE Element-ui 表单自定义验证规则
验证规则:在防止用户犯错的前提下,尽可能让用户更早地发现并纠正错误HTML代码:<el-form :model="modifyForm" :rules='modifyFormRules' label-suffix=":" ref="modifyForm" label-width="100px" class="demo-ruleForm" > <el...原创 2019-09-03 09:38:47 · 2388 阅读 · 0 评论 -
VUE Elemen-ui 之穿梭框使用
背景: 现在需要使用穿梭框实现,角色的操作功能需要使用 Element Transfer 穿梭框HTML代码:<template> <el-card class="box-card" shadow="never" style="height: 700px;"> <div slot="header" cla...原创 2019-04-03 17:42:39 · 6025 阅读 · 2 评论 -
VUE Element-ui table表上添加搜索框
背景:现在需要从table中的数据快速查出想要的数据<el-table :data="assetTypeData.filter(data => !assetTypeSearch || data.model_type_name.toLowerCase().includes(assetTypeSearch.toLowerCase()))" style="width: 100%"...原创 2019-07-17 09:34:47 · 14768 阅读 · 1 评论 -
VUE Elemen-ui 中日期disabledDate ,禁止选择当前之前的日期
<el-date-picker v-model="ruleForm.startDate" type="date" placeholder="选择日期" :picker-options="pickerOptions0" class="inp" ></el-date-picker>...原创 2019-08-15 15:25:44 · 3493 阅读 · 0 评论