![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
❍❏❐❑❒❖❘❙❚
这个作者很懒,什么都没留下…
展开
-
日程组件(vue2+FullCalendar),日程查看,修改,删除等逻辑;
废话不多说,直接上代码:首先修改一下package.json文件内容,然后npm i即可:(与fullcalendar无关的,可自行处理删除)package.json:{ "name": "webtemplate", "version": "1.0.0", "description": "A Vue.js project", "author": "foolishma", "private": true, "scripts": { "dev": "webpack-de原创 2020-09-15 16:12:24 · 2952 阅读 · 1 评论 -
vue自定义指令禁止按钮连续点击(可传参)
购物车操作数量时,禁止连续点击减少数量:新建文件夹:banreclick.jsimport Vue from 'vue'// 代码const pointDoms = []; // 使用这个指令的所有DOM对象Vue.directive('points', { inserted(el, binding) { pointDoms.push(el); // 存储使用这个指令的DOM el.addEventListener('click', () => {翻译 2020-08-06 14:58:33 · 1789 阅读 · 0 评论 -
纯css3动画---粒子效果按钮组件封装(vue)
前言:先声明一下,按钮并非原创,而是引用掘金大佬的一篇文章,突发奇想做了一个简单封装,如有侵权,欢迎来搞,本人立刻删文,如果对本文由什么新的想法或好的意见,欢迎留言。作者:XboxYan文章链接CSS实现一个粒子动效的按钮子组件中:<template> <div> <button class="button" v-debounce="c...原创 2020-01-10 15:04:29 · 733 阅读 · 0 评论 -
vue局部和全局自定义过滤器和自定义指令的方法
如下是一个vue页面:<template> <div id="methods"></div></template><script>export default { data() { return {}; }, created: {}, methods: {}, // 自定义私有指令 dire...原创 2019-08-19 10:43:04 · 501 阅读 · 0 评论 -
vue + Mint-Ui实现上拉加载、下拉刷新
上拉刷新(1)methods内方法:scrollhandle(){ var scrollTop = document.documentElement.scrollTop || document.body.scrollTop var windowHei...原创 2019-05-31 17:41:59 · 203 阅读 · 0 评论 -
vue + vantUI的列表上拉加载更多和下拉刷新(带tab标签页)
html部分:<!-- 头部导航区域 --> <div class="nav" ref="navWrap"> <ul ref="navContent"> <li v-for="(item, index) in askNavData" :key="index"&...原创 2020-04-02 14:34:53 · 1656 阅读 · 1 评论