
组件
文章平均质量分 94
小阮的学习笔记
这个作者很懒,什么都没留下…
展开
-
Vue实现图片预览,侧边栏懒加载,不用任何插件,简单好用
pdf转图片 canvas进行加载 懒加载侧边栏原创 2024-01-24 17:37:19 · 816 阅读 · 0 评论 -
vue手写一个抽屉组件
手写一个抽屉组件基于vue的过渡动画样式(点击消息提醒,从右侧弹出抽屉)transition + v-show/v-if<template> <transition name="show" mode="out-in" @before-enter='transitionComplete' @after-leave='transitionComplete' @enter='transitioning' @leave='transitioning'>原创 2020-11-26 16:28:09 · 1404 阅读 · 0 评论 -
Vue鼠标移动跟随特效(开箱即用)
效果图直接在需要的页面引用该组件就行<template> <div id="panel"> </div></template><script>export default { methods: { mouseMove(e) { /*这里获取元素节点*/ let oPanel = document.getElementById("panel");原创 2020-11-11 17:14:44 · 5696 阅读 · 7 评论 -
vue封装日期组件(基于elementUI)
样式(主要自定义了左边快捷选项,可以自己自定义,默认近七日)props传参:[startTime,endTime] (yyyy-mm-dd)类型<template> <div class="date-picker"> <el-date-picker v-model="dateTime" type="daterange" align="right" u.原创 2020-10-10 11:08:01 · 1180 阅读 · 0 评论 -
vue封装一个卡片组件
会用到的知识父组件向子组件传值slot插槽我想要做一个这样的组件头部基本不变,只需要改变图标和标题下面的内容需要我们改变,可以是视频、资料、新闻等。1.先定义一个Card.vue的组件接收父组件动态传过来的图标和标题<template> <div> <!-- card --> <div class="card ...原创 2020-02-03 16:23:33 · 5982 阅读 · 2 评论