随笔分类 -  element-ui

vue组件框架
使用watch监听element-ui中的日期时间选择器
摘要：需求：开始时时间大于结束时间，结束时间要大于等于结束时间两小时。 使用watch监听开始，结束时间 <template> <el-form label-width="100px"> <el-form-item label="开始时间"> <el-date-picker v-model="value1 阅读全文
posted @ 2021-05-03 11:52 山吹同学 阅读(1620) 评论(0) 推荐(0)
el-switch的使用
摘要：基础使用参考官网 这篇文章记录更改用户状态，如果操作失败，回到操作前的状态的方法 change事件监听用户操作 代码 <template> <el-table :data="tabelData" border> <el-table-column prop="id" label="编号"></el-t 阅读全文
posted @ 2021-02-19 23:32 山吹同学 阅读(1899) 评论(0) 推荐(0)
使用element-ui框架的积累(四)
摘要：如何实现树型结构单选 树型结构数据 single.json [{ "id": "1", "label": "running man", "children": [{ "id": "r1", "label": "刘在石" }, { "id": "r2", "label": "池石镇" }, { "id 阅读全文
posted @ 2021-02-05 21:09 山吹同学 阅读(104) 评论(0) 推荐(0)
el-select组件包裹el-tree组件实现数据回显
摘要：el-select组件包裹el-tree组件实现数据回显 最近做项目要用到下拉框中存放树型结构的数据，在网上找到可以使用el-select包裹el-tree实现，但是总是不能实现数据的回显，用了一天时间，不断尝试，终于成功了,做个笔记，以防遗忘。 以下.json文件都是模拟数据 树型结构数据 stu 阅读全文
posted @ 2021-02-04 23:04 山吹同学 阅读(4997) 评论(1) 推荐(0)
使用element-ui框架积累(三)
摘要：el-tree组件实现禁止选中父组件操作 关键点:disabled:true。 tree.json数据 [{ "id": "1", "name": "计算机信息管理", "children": [{ "id": "a1", "name": "团委", "children":[{ "id":"b1", 阅读全文
posted @ 2021-02-04 12:59 山吹同学 阅读(127) 评论(0) 推荐(0)
使用element-ui框架的积累(二)
摘要：点击表单重置按钮，实现表单数据重置 <template> <div class="login-area container-area"> <h3 class="set-center"> <router-link to="/login">登录</router-link> <el-divider dir 阅读全文
posted @ 2021-01-31 21:36 山吹同学 阅读(111) 评论(0) 推荐(0)
使用element-ui框架的积累(一)
摘要：自定义表单校验 <template> <div class="login-area container-area"> <h3 class="set-center"> <router-link to="/login">登录</router-link> <el-divider direction="ve 阅读全文
posted @ 2021-01-31 20:50 山吹同学 阅读(161) 评论(0) 推荐(0)