1.场景描述我们公司是做电商的，运营的工作指标都是按周来定的，所以他们对周特别敏感，希望我们能在日期选择器上显示周数。刚接到这个需求时，心中很不乐意，因为Element-ui的日期选择器根本不支持显示周数。我只能看看源码来看看能否有解决的办法具体代码大家可以在github中看到 https://github.com/ElemeFE/element/pull/16415/commits/2
转载
2024-04-19 07:22:15
858阅读
el-select的选择以后返回对象实现方法背景需求 背景需求下面先看一下需求： 说是有个值班表单，里面要进行值班人员下拉，下拉就下拉吧，他还得再下拉选择以后要把这个人的电话号码也查出来 说实话真不难，不就是将电话号码加到select的下拉对象里fetchUser() {
this.listLoading = true
getSelectList().then(respo
目录一、Mock1.1 什么是Mock.js1.2 安装与配置1.2.1 安装mock.js1.2.2 引入mock.js1.3 mock.js使用1.3.1 定义测试数据文件1.3.2 mock拦截Ajax请求1.3.3 界面代码优化二、总线2.1 定义2.2 类型分类2.3 前期准备2.4 配置组件与路由关系2.4.1 配置组件2.4.2 配置路由关系2.5 展示
ElementUI安装与使用指南
Cascader 级联选择器
点击下载learnelementuispringboot项目源码
效果图el-cascader.vue（Cascader 级联选择器）页面效果图项目里el-cascader.vue代码<script>
let id = 0;
export default {
name: 'el_cascader',
data()
element-ui 级联选择器 Cascader 选择任意一级选项去掉圆圈和点击label标签可选，选择完之后下拉框自动回收解决方法： 1. 这样的话效果是实现了，但是存在两个问题：1、只能点击圆圈才能选中，点击文字 label 没有效果；2、点击圆圈后理想是自动收起下拉，但这个是点击下拉框之外的地方才可以收起。解决办法如下，但是原理不太清楚（很惭愧，先记录下吧） 1、点击文本就让它自动点击前面
转载
2024-02-05 07:44:01
272阅读
https://element.eleme.cn/#/zh-CN/component/cascader这个是elementui官网级联选择器的地址，其中选择任意一级选项的项目是这样的 这样的话效果是实现了，但是存在两个问题：1、只能点击圆圈才能选中，点击文字 label 没有效果；2、点击圆圈后理想是自动收起下拉，但这个是点击下拉框之外的地方才可以收起。 
转载
2023-06-26 15:41:55
164阅读
先看能够实现的效果： 我们通常会使用Element级联选择器，直接复制代码进行使用，但是一般都是调用后端接口返回数据进行显示，需要对后端数据进行一系列循环遍历处理，把值改成value、label、children，但是实际不必如果。通过props属性轻松配置，话不多说，直接上代码:[{ children: [{
children: [
转载
2024-04-12 15:47:26
192阅读
css选择器有很多，种类的话总结起来有5种。即： id选择器，class选择器，elements选择器，级联选择器，相邻选择器。前三个没什么好说的，分别是id，class和标签的选择，注意选中对象的集合形式就OK了。级联选择器，这个学问就大了，运用好的话，可以让我们的页面布局和样式添加都有很大的优化。 首先说说elements elements这种选择器，这是后代选择器，例如div p，是选择
转载
2024-05-07 19:54:45
87阅读
以下是第一版的实现思路，第二版做了优化，包括实现思路、样式转由 template 控制等，代码更简洁，已封装成工具——v-calendar-pick效果：部分代码.vue<template>
<div class="date-select">
<div class="date-select__custom">
<span class
转载
2024-07-01 21:05:58
246阅读
这篇文章主要介绍了浅谈Vue使用Cascader级联选择器数据回显中的坑，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧业务场景由于项目需求，需要对相关类目进行多选，类目数据量又特别大，业务逻辑是使用懒加载方式加载各级类目数据，编辑时回显用户选择的类目。问题描述使用Cascader级联选择器过程中主要存在的应用问题如下：1、由于在未渲染节点数据的情况下编辑时无法找到对应的类目数据导
转载
2024-08-26 09:23:50
204阅读
先上效果图 需求粒度—时间选择器联动时间周期不能大于今天。（所以今天以后的时间都不能选）
周粒度——因为一周没过完，所以不能选当前周月粒度——因为本月没结束，不能选当前月切换粒度的时候自动选择最近符合的时间。侧边有快捷选择。根据需求还有个隐藏bug 周需要特殊处理选择的日期还有样式周粒度是一周一周选择，所以需要特殊处理 上代码父组件使用<lidu-
转载
2024-02-18 13:46:26
213阅读
data-picker 日期选择控件需求：需要实现一个日期选择功能，能够输入开始日期 结束日期，展示格式为yyyy-MM-dd，整个数值返回为一个数值（例如：[2020-01-02,2020-01-03]） 细节要求：当前时间之前日期不可选择如果选择了当前时间，则另一个时间，只能是在选择日期的前后一天内选择清除日期后，仍可以进行选择具体实现效果展示如下： i. 选择之前：当前日期为18号，则18号
转载
2024-04-24 12:19:33
1361阅读
大家在使用element-ui的时候，有可能会去修改element-ui的样式，但是在修改样式的过程中会出现各种问题，今天就来说一说我遇到的问题吧！比如这个多选级联的选择框，ui要求是所有的输入框都必须是34px的高度，但是这个输入框的高度是36px，有的是40px高度，没有行内样式的还好改，有了行内样式的怎么改呢？由于我们只能用比内联样式高的权重，这时候如果我们直接强行修改样式用 !import
转载
2024-06-10 10:31:10
194阅读
1.回显数据 beginTime = '2021-01-11' endTime = '2021-01-19' 2.时间选择器数组 data(){ return{ date:[] } } 3.回显：使用数组的push方法，一定不要根据索引直接赋值，无用。 this.date.push(new Date ...
转载
2021-10-22 16:36:00
556阅读
2评论
问题： 在获取数据源进行选择后，根据动态获取禁用数据进行禁用选项时，为显示数据源父级与子级添加disabled属性为true时，父级选项无法进行禁用，子级可以的问题 原因： cascader级联选择器没有重新渲染，导致父级再设置disabled属性时，虽然赋值成功，但是因为没有重新渲染，显示的选项仍 ...
转载
2021-09-03 15:08:00
3399阅读
2评论
只插入部分元素： 在:after，:before前使用更严格的CSS选择器
配合quotes属性执行插入 首先定义quotes,然后再指定content使用open-quote或者close-quote 配合counter-increment属性添加编号 该属性指定的字符就是计算器名称，然后通过counter属性引用计数器即可
 
vue+循环多或n个element的Cascader 级联选择器数据关联的实例
遇到一个分班管理的系统,要求把所有报名学生进行手动分班,后台返回所有报名的学生,分几个班是动态的;下图点击添加分班会创建一个新班级,前一个班的学生不能出现在其他班级中(如把一堆苹果分别装到多个篮子里分一个少一个,可以把篮子里的苹果拿出来)图1图2 源码:
转载
2024-08-04 17:04:51
61阅读
单个输入框的 组件代码： <el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"> </el-date-picker> 情景1: 设置选择今天以及今天之后的日期 ...
转载
2021-08-10 17:19:00
577阅读
2评论
ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充，官方文档中使用picker-options属性来限制可选择的日期，这里举例子稍做补充。 一、单个输入框的 设置选择七天之前到今天的日期 这个return刚开始有点难理解
转载
2018-06-01 17:53:00
776阅读
2评论
CSS选择器包括标签选择器、ID选择器、类选择器、伪类和伪对象选择器、子选择器、相邻选择器、属性选择器、通用选择器、包含选择器、分组选择器、指定选择器等选择器，分为标签选择器、ID选择器、类选择器、特殊选择器这四类。以下是我总结的5种常用的CSS选择器。 1、标签选择器 eg: p{ color:#333; }
a{ display:block; } 优点：能快速为页面中同类型
