随笔分类 -  VUE，element ui

element ui 下拉树组件el-tree半选节点和选中节点的提交与回显
摘要：HTML： <el-tree :data="treedata" :default-expand-all="isExpandAll" :indent="50" :check-strictly="false" show-checkbox node-key="id" :key="Math.random() 阅读全文
posted @ 2021-12-09 15:24 旸神逆神旸 阅读(831) 评论(0) 推荐(0)
element ui table表格根据单元格的值动态设置背景色
摘要：效果图： 代码： <template> <div class="custom-tree-container"> <el-table :data="tableData1" style="width:800px" max-height="320" border :cell-style="cellStyl 阅读全文
posted @ 2021-09-10 09:15 旸神逆神旸 阅读(1941) 评论(0) 推荐(0)
VUE 点击按钮导入file文件
摘要：1: 2: 3: 代码： <template> <div class="btn_box"> <input type="file" accept=".xls" ref="filebox" id="fileinput" style="display: none;" @change="checkFileS 阅读全文
posted @ 2021-09-08 19:27 旸神逆神旸 阅读(700) 评论(0) 推荐(0)
element ui 时间和日期选择器的数据回显
摘要：效果： <template> <div class="custom-tree-container"> <el-time-picker is-range v-model="value1" value-format="HH:mm:ss" range-separator="至" start-placeho 阅读全文
posted @ 2021-09-07 15:19 旸神逆神旸 阅读(1976) 评论(0) 推荐(0)
VUE element ui根据数组生成多个互不干扰的下拉菜单并获取对应参数
摘要：直接放效果图和代码效果图： 1.默认初始效果 2.选择后效果 代码 <template> <basic-container> <h2>VUE element ui根据数组生成多个互不干扰的下拉菜单并获取对应参数</h2> <el-row> <el-col> <el-button @click="aa 阅读全文
posted @ 2020-07-27 13:47 旸神逆神旸 阅读(792) 评论(0) 推荐(0)
VUE对json数组中某个字段相同的数据添加到同个数组
摘要：效果图： 直接上代码： mounted() { this.CS(); }, methods: { CS() { var data = [{ "name": "C", "size": 240, "data": 57 }, { "name": "F", "size": 520, "data": 42 } 阅读全文
posted @ 2020-05-18 17:42 旸神逆神旸 阅读(1719) 评论(0) 推荐(0)
element ui 日期选择器禁止跨年选择(禁止跨月同理)
摘要：未日期选择时： 选择第一个日期之后其他年份的日期无法选择，第二个日期只能从第一个日期年份中选择效果图： <el-date-picker v-model="selectedDateValue" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="da 阅读全文
posted @ 2020-03-30 15:31 旸神逆神旸 阅读(1948) 评论(0) 推荐(0)