- 博客(22)
- 资源 (2)
- 收藏
- 关注
RSS订阅
2原创 vue3+ts+element plus自定义el-select下拉选择器组件封装
1、自定义select后缀图标，清除默认边框，限定下拉框宽度时，内容显示省略号，鼠标经过内容，显示title全部信息。2、鼠标经过select上方显示el-tooltip内容，自定义el-tooltip样式背景为透明色。
2023-09-15 11:43:51
1877
原创 手动动态改变el-tabs标签页顺序
业务需求说明：例如：tabs1、tabs2、tabs3、tabs4tabs2改为tabs4（往后移）则顺序变为tabs1、tabs3、tabs4、tabs2；tabs4改为tabs2（往前移） 则顺序变为tabs1、tabs4、tabs2、tabs3。
2022-06-28 17:15:20
1369
原创 vue2+Svgaplayer 播放.svga格式动画
SVGA 是一种同时兼容 iOS / Android / Flutter / Web 多个平台的动画格式。官网链接：https://svga.io/
2022-02-11 14:42:48
2817
原创 vue2+elementUI+vuedraggable图片上传后可拖曳排序
vue2结合elementUI、vuedraggable实现图片上传并可拖曳图片排序
2021-12-24 15:45:52
1312
原创 vue hash模式下页面跳转用this.$router.push({ path: ‘/‘ })
hash模式下，vue页面跳转：this.$router.push({ path: '/' }) // 不带参数跳转this.$router.push({ path: '/', query: { id: row.id } }) // 带参数跳转
2021-10-22 18:21:12
1939
原创 jq textarea实时监控输入字数并限制输入字符
html:<div style="position: relative;"> <label>备注：</label> <textarea class="textarea_input" id="remark" name="remark" placeholder="(最多可输入20个字符)"></textarea> <span class="remark-word">0/20</span></div>js
2021-10-09 17:58:19
279
原创 接口带{ }传参和普通传参
接口带{} $.ajax({ url: '/prdOperate/getProductSeries/" + seriesId', type: 'get', data: { "id": seriesId }, success: function (res) { console.log(res); }, }); $.ajax({ url: '/prdOperate/getSubSeries', type: 'get', data: { "ser
2021-09-30 16:24:38
707
原创 layui登录（生成验证码、记住密码、登录、退出）学习笔记
页面<html class="loginHtml"><head> <meta charset="utf-8"> <title>登录页</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name
2021-01-15 09:37:44
4458
原创 vue高德地图（英文地图+点标记+信息窗体）
npm install vue-amap --savemain.jsimport VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: '', plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEdito
2021-01-13 11:23:24
1234
原创 v-for中的点击事件 v-show当前显示，再次点击隐藏
<div v-for="(item,index) in box" :key="index"> <p @click="button(index)">事件按钮</p> <p v-show="activeIndex===index">显示/隐藏</p></div><script>data() { return { activeIndex: -1, // 初始化点击的索引值 }methods: { bu
2020-12-26 15:35:41
761
原创 vue监听浏览器窗口变化 实时更新元素到左侧距离
<template> <div ref="box"></div></template>resize事件监听窗口变化mounted(){ window.addEventListener('resize', this.changeBox, true)},methods: { changeBox(){ left = this.$refs.box.getBoundingClientRect().left ｝｝...
2020-12-17 16:55:03
569
原创 Vue轮播缩略图（element ui）+鼠标悬浮放大图片（PicZoom）商城详情页图片展示
效果:PicZoom.vue（图片放大组件）<template> <div class="magnifier-box" :class="vertical?'vertical':''" :ref="id" @mousemove="mousemove" @mouseover="mouseover" @mouseleave="mouseleave" > <img v-show="showImg" :src="img
2020-07-03 14:36:36
3778
手动动态改变el-tabs标签页顺序
2022-06-28
图片上传+拖动排序（vue2+elementUI+vuedraggable）
2021-12-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人