vvv3171071的博客

这篇文章用来分享自己项目中做el-calendar日历组件封装时的一些实用功能和踩的一些坑吧，毕竟ElementUI官方文档上对这个组件的描述实在太少了。1、给每一天增加可输入的input框其实这个功能在官方文档上基本已经实现了（在“自定义内容”那一块），直接在slot插槽里再加个input即可。 <el-calendar v-model="calendarDate"> <template slot="dateCell" slot-scope="{ da

网上查el-calendar相关的按钮点击事件文章，清一色都是在mounted挂载阶段通过document.querySelector绑定类名添加点击事件。我想说为啥要弄得这么麻烦？el-calendar组件标签中v-model绑定了一个Date/string/number的时间值，无论点击上述哪个按钮，该值都是会改变的。而我们想要实现的是当该时间值改变时（例如变成上个月或下个月或其他时间变回今天）执行某个事件，那直接用watch来监听该值来实现逻辑不就更方便且简单了么放一下我这边的代码：el-.

ElementUI下拉框+树形控件+搜索+标签功能

项目中做看板重构时遇到的开发需求，不能使用组件，乍一看感觉很头大，但实际上手做出来后还是小有成就的。直接进入正题：先创建一个简单的vue demo项目<template> <div class="drag"> <div class="back_box"> 这是一个背景 <div class="drag_box">这是一个蓝色可拖拽元素</div> </div> </div&g

案例：阿里云官网（https://www.aliyun.com）下方的“全面、专业、智能的解决方案”模块进行组件化自己实现出来的效果：gitee仓库：https://gitee.com/Yuzaki-Nasa/aliyun-ace-view-fullColumnvue实现：<template> <div class="common-fadein"> <div class="bg"> <div class="view-center

页面进入时，导航栏背景色为透明：鼠标移入时，导航栏背景变白，鼠标停留的标签字体颜色变换，出现底边框，若有二级下拉菜单，则平滑向下弹出菜单：gitee仓库地址：https://gitee.com/Yuzaki-Nasa/dji-nav实现导航栏二级从上往下弹出效果：https://blog.youkuaiyun.com/vvv3171071/article/details/121002283导航栏的tab还有点击跳转、点击滚动页面等功能，可自行使用。DJINav.vue：<template>

占位