会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
芝麻小仙女
博客园
首页
新随笔
联系
管理
订阅
随笔- 124 文章- 0 评论- 7 阅读-
16万
随笔分类 -
VUE从入门到放弃
1
2
下一页
vue2父组件调用slot插槽中组件内部的方法
摘要:默认插槽: this.$slots.default[0].context.showUser();
阅读全文
posted @
2024-12-24 16:54
芝麻小仙女
阅读(8)
评论(0)
推荐(0)
编辑
基于vue2的h5页面实现拉起支付宝app支付且轮询支付结果
摘要:*只有前端部分 1.首先data需要储存几个值: payUrl: "", // 订单支付跳转链接 isFetchCode: false, //正在生成订单 payStatus: "", // 订单状态,用于判断是否还需要继续请求订单支付结果接口 userDown: false, // 用户点击已支付
阅读全文
posted @
2024-12-19 20:43
芝麻小仙女
阅读(138)
评论(0)
推荐(0)
编辑
js实现点击按钮复制内容
摘要:<img src="./images/copy.png" @click="copyUrl" /> copyTextArea() { const shareUrl = "http://www.xxx.com"; const textarea = document.createElement("text
阅读全文
posted @
2024-12-06 10:13
芝麻小仙女
阅读(128)
评论(0)
推荐(0)
编辑
swiper插件同屏多个slide时在loop模式下点击切换失效的解决方案
摘要:需求: 英雄展示页面提供纵向头像滚动切换功能,需要支持循环滚动、拖动切换、前后按钮切换、点击头像图标切换等功能。 代码: <div :class="$style.swiperBox"> <swiper ref="heroSwiper" :options="swiperOptions" :class=
阅读全文
posted @
2024-11-04 15:51
芝麻小仙女
阅读(358)
评论(0)
推荐(0)
编辑
css3几个常用动效
摘要:1.放大的圈 @keyframes zoom3 { 0% { opacity: 0; transform: scale(0); } 70% { opacity: 1; } 100% { opacity: 0.7; transform: scale(1); } } .play { position:
阅读全文
posted @
2024-09-20 15:12
芝麻小仙女
阅读(58)
评论(0)
推荐(0)
编辑
swiper6版本下滚轮失效&分页失效等的问题
摘要:swiper6中一些配置会失效 原因是控件需要单独引入 如我 这次用的swiper相关版本是: npm i swiper@6.8.4 vue-awesome-swiper@4.1.1 在滚轮切换、分页、左右切换和动效配置中,都需要单独引入控件 import { Swiper, SwiperSlide
阅读全文
posted @
2024-09-13 14:31
芝麻小仙女
阅读(83)
评论(0)
推荐(0)
编辑
vue2动态生成(绘制)图形验证码(验证码图片)
摘要:方案1:js绘制条形验证码 参考文档:https://blog.csdn.net/LOVE_mingjing/article/details/130622848 utils文件夹下新建GVerify.js文件: function GVerify(options) { // 创建一个图形验证码对象,接
阅读全文
posted @
2024-09-12 17:29
芝麻小仙女
阅读(996)
评论(0)
推荐(0)
编辑
vue2+swiper 纵向弧形滚动效果
摘要:很垃圾的弧形轮播效果,其实不算弧形,只是一个爬坡效果,最终否了 但保留一下配置项的代码。。 方案1: swiperOptions: { direction: "vertical", spaceBetween: -80, slidesPerView: 5, loop: true, centeredSl
阅读全文
posted @
2024-09-11 16:03
芝麻小仙女
阅读(179)
评论(0)
推荐(0)
编辑
elementui中使用input原生上传文件功能并提交到接口
摘要:需求:表单中直接使用input进行文件上传,并直接传到后端表单接口 出现的问题: 1.全局接口配置的请求头是application/json,要传formData需要修改请求头(不可能,绝对不可能) 2.后端不单独对文件进行储存,因此无法使用独立封装的上传组件 解决方案:file转base64编码,
阅读全文
posted @
2024-07-19 15:09
芝麻小仙女
阅读(99)
评论(0)
推荐(1)
编辑
假如你的vue项目按需引入elementui后,启动项目时报 Error: Cannot find module 'babel-preset-es2015'
摘要:报错内容: Error: Cannot find module ‘babel-preset-es2015‘ 根据官方文档指引,有一步骤是修改.babelrc文件的配置,但实际此写法早已废弃,(如果没有.babelrc文件,那么就是修改根目录下的babel.config.js)可以修改为: modul
阅读全文
posted @
2024-06-04 13:51
芝麻小仙女
阅读(37)
评论(0)
推荐(0)
编辑
vue2复制到剪贴板功能
摘要:插件:vue-clipboard2 【是一个很常用的插件,网上教程很多】 简单使用: (1)引入 (2)页面代码 <div :class="$style.copyLine"> <div :class="$style.copyContent">邀请码: {{ code }}</div> <div v-
阅读全文
posted @
2024-03-25 13:54
芝麻小仙女
阅读(614)
评论(0)
推荐(0)
编辑
基于vue2开发的html5页面实现微信分享卡片(微信好友+朋友圈+qq好友+qq空间)
摘要:首先附上文档链接: 1.微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#111 2.免费生成二维码的草料官网:https://cli.im/text/other 需求: 在浏览器分享链接时
阅读全文
posted @
2023-12-07 16:31
芝麻小仙女
阅读(2766)
评论(0)
推荐(1)
编辑
vue2+element+vue-quill-editor实现富文本框组件(使用链接引入视频+上传本地视频+上传本地图片)
摘要:参考文档:https://www.duidaima.com/Group/Topic/Vue/12272 前提不赘述,npm引入插件并全局导入 components文件夹下创建ArticleEditor.vue: <template> <div class=""> <!-- 富文本框 --> <qui
阅读全文
posted @
2023-11-20 11:32
芝麻小仙女
阅读(1206)
评论(0)
推荐(1)
编辑
【vue2】swiper插件自动循环失效(loop失效)
摘要:可能是因为数据是动态渲染的,在请求到数据之前,就已经完成了swiper的初始化,因此解决方案有: 1.swiper组件添加v-if:(如以下代码中的v-if="banner.length") <!-- 轮播图 --> <div :class="$style.newsBanner"> <div :cl
阅读全文
posted @
2023-11-16 13:35
芝麻小仙女
阅读(1157)
评论(0)
推荐(0)
编辑
pc端自适应&&移动端rem适配代码
摘要:第一种 俺写在index.html中的head标签与body标签中间(2560是pc端设计稿的宽度): <script> //设置 webview 字体大小不受系统修改而改变 (function () { if (window.HiSpaceObject) { window.HiSpaceObjec
阅读全文
posted @
2023-10-13 09:26
芝麻小仙女
阅读(322)
评论(0)
推荐(1)
编辑
【vue2】实现css动效逐个顺序展示的效果(简陋版)
摘要:效果(进入预约里程碑模块后,小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失,最终停留在当前预约等级的台阶上): 虽然很low但是!就是这么设计的!于是在原本静态的代码上稍加了些修改(为什么,为什么,想问天问大地) 首先是台阶部分的代码: <div :class="$style.reser
阅读全文
posted @
2023-10-12 17:57
芝麻小仙女
阅读(216)
评论(0)
推荐(0)
编辑
【vue2】实现长按图片保存功能
摘要:<span :class="[$style.wxCode, isShow && $style['show']]" @touchstart="touchStart()" @touchend="touchEnd()" ></span> ps.span元素为图片元素,我这里把图片设置为元素背景了,可以直接
阅读全文
posted @
2023-10-08 16:47
芝麻小仙女
阅读(472)
评论(0)
推荐(0)
编辑
【vue2】实现数字纵向滚动效果(计时器效果)
摘要:需求: 在页面中显示一个数字,并在进入视口时显示计时器滚动效果: 效果如上 ↑ 新建组件ScrollNumber.vue: <template> <div style=" display: inline-flex; justify-content: flex-start; align-items:
阅读全文
posted @
2023-09-26 16:16
芝麻小仙女
阅读(456)
评论(0)
推荐(0)
编辑
从零开始使用vue2+element搭建后台管理系统(动态表单实现(含富文本框【vue-quill-editor】【解决vue-quill-editor视频的显示问题】))[待完善]
摘要:在后台项目的实际开发过程中,涉及到表单的部分通常会使用动态渲染的方案进行实现,由后端接口返回表单配置,前端进行遍历渲染。考虑到通用后台需要具备的功能,除了基础的表单项如输入、下拉、多选、开关、时间、日期等,还需要具备上传、富文本框等功能。 首先导入一个百度来的富文本框插件:npm install v
阅读全文
posted @
2023-09-18 11:40
芝麻小仙女
阅读(837)
评论(0)
推荐(0)
编辑
从零开始使用vue2+element搭建后台管理系统(主页)
摘要:登录后,应有一个主页,可以展示当前用户的一些信息,例如上次登录时间地点、修改手机号、重置密码等简单功能,如图: 首先在views下新建HomeView.vue文件: <template> <el-row> <el-col :span="24"> <!-- user卡片 --> <el-card> <
阅读全文
posted @
2023-09-15 13:47
芝麻小仙女
阅读(626)
评论(0)
推荐(0)
编辑
1
2
下一页
公告
昵称:
芝麻小仙女
园龄:
6年9个月
粉丝:
17
关注:
0
+加关注
<
2025年2月
>
日
一
二
三
四
五
六
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
1
2
3
4
5
6
7
8
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
更多链接
随笔分类
react从入门到放弃(42)
VUE从入门到放弃(34)
后端入门学习(php&go)(10)
面试 & 入职 相关(3)
小程序类(5)
杂七杂八(40)
随笔档案
2024年12月(3)
2024年11月(1)
2024年10月(1)
2024年9月(5)
2024年7月(5)
2024年6月(1)
2024年3月(3)
2024年2月(1)
2024年1月(5)
2023年12月(1)
2023年11月(3)
2023年10月(5)
2023年9月(7)
2023年6月(4)
2023年5月(1)
2023年3月(5)
2023年2月(1)
2022年12月(1)
2022年10月(3)
2022年8月(3)
2022年7月(1)
2022年6月(1)
2022年3月(3)
2021年9月(1)
2021年8月(1)
2021年7月(2)
2021年6月(8)
2021年5月(4)
2021年4月(1)
2021年1月(1)
2020年12月(2)
2020年11月(2)
2020年10月(1)
2020年8月(2)
2020年7月(6)
2020年6月(6)
2020年5月(1)
2019年12月(1)
2019年9月(5)
2019年8月(1)
2019年7月(1)
2019年6月(1)
2019年5月(2)
2019年3月(7)
2019年1月(1)
2018年9月(1)
2018年7月(2)
更多
阅读排行榜
1. react+antd form表单项动态添加数据的实现(17228)
2. vue-文字块收缩与展开功能(7748)
3. react+antd+dva ---> Echarts-for-react 图表的使用(柱状图+多环形图)(5468)
4. 【react+antd】当你使用了可选择的table【rowSelection】,却在操作后无法清除已选择状态(5370)
5. js两个对象数组的lodash去重与取差集(保留不重复的元素)& js两个字符串数组取差集(5267)
评论排行榜
1. react+antd+select+lodash模糊搜索防抖(3)
2. php函数入门学习(数组常见函数)(1)
3. 【React+antd】做一个动态增减文案组的组件(1)
4. 【搜到的美团前端面试题】答案整理(1)
5. 【react+antd】当你使用了可选择的table【rowSelection】,却在操作后无法清除已选择状态(1)
推荐排行榜
1. elementui中使用input原生上传文件功能并提交到接口(1)
2. 数据库的数据类型(1)
3. php函数入门学习(数组常见函数)(1)
4. Go入门&安装配置(1)
5. 学习搭建thinkphp(1)
最新评论
1. Re:php函数入门学习(数组常见函数)
加油!
--=Astral=
2. Re:【React+antd】做一个动态增减文案组的组件
有用的知识
--白菜的奋斗
3. Re:【react+antd】当你使用了可选择的table【rowSelection】,却在操作后无法清除已选择状态
牛掰
--顶风code
4. Re:【搜到的美团前端面试题】答案整理
第十四条真干脆!哈哈哈哈嗝
--致爱丽丝
5. Re:react+antd+select+lodash模糊搜索防抖
@芝麻小仙女 这个过滤的方法可以瞅瞅嘛...
--klay0601
点击右上角即可分享