在 vue-cli 项目中使用 Element-UI 组件遇到的问题总结

本文总结了在Vue CLI项目中使用Element-UI组件时遇到的三个问题:1) 日期时间选择器禁止选中当天之后的时间;2) el-switch设置状态开启和关闭,并根据后台数据动态显示;3) 解决弹出组件遮罩层显示在弹出层上方的问题。并提供了详细的代码实现和解决方案。
摘要由CSDN通过智能技术生成

Element-UI 中文官网

问题总结

1\ 使用日期时间选择器,控制当天之后的时间为禁止选中
  • 效果图
    在这里插入图片描述
  • 代码实现
<template>
	<el-date-picker
	  v-model="dateVal"
	   type="daterange"
	   unlink-panels
	   range-separator="至"
	   start-placeholder="开始日期"
	   end-placeholder="结束日期"
	   align="left"
	   value-format="yyyy-MM-dd"
	   :picker-options="pickerOptions"
	 ></el-date-picker>
 </template>
<script>
export default {
   
  data() {
   
  	
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值