- 博客(351)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 el-table表格封装(包括switch，操作栏，元素带点击事件，区分颜色显示，分页，暂无数据等)
el-table表格封装(包括switch，操作栏，元素带点击事件，区分颜色显示，分页，暂无数据等)
2023-04-24 17:57:47
929
原创 JS Array数组常用方法（附上相应的用法及示例）
JS Array数组常用方法(push、unshift、pop、shift、reverse、splice、sort、join、concat、slice、indexOf、forEach、map、filter、every、some)
2023-04-21 18:30:37
5465
原创 中国地图,手机与PC端共用,可缩放大小,可设置默认选中省份
<!doctype html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <meta http-equiv="pra.
2021-11-19 15:23:29
2110
原创 vue+css3 旋转木马效果
${ASSET_HOST}为封装的统一的图片路径<template><!-- :style="{backgroundImage: 'url(' + `${ASSET_HOST}/main_bg.jpg` + ')',backgroundSize: '100% 100%', backgroundRepeat: 'no-repeat'}" --> <div class="index"> <div class="index-bg" :style=.
2021-03-09 18:21:42
1988
原创 vue锚点跳转到对应位置（精确定位）
安装:npm install --save vue-scrolltomain.js引入import Vue from 'vue'var VueScrollTo = require('vue-scrollto');Vue.use(VueScrollTo)页面引用:<template> <div class="scrollDemo"> <div class="demoNav flex-center-center"> <
2020-09-16 18:14:36
3423
5
原创 vue 最后一个菜单项点击出现下拉框
效果图:代码:<template> <div class="nav-panel flex-center-center"> <div class="wrapper flex-center-center"> <div class="nav-item" :class="{active: index == nowIndex}" v-for="(tabItem,index) in tabPa
2020-09-04 17:59:10
514
原创 vue 路由
layout（导航页）<template> <div> <div class="header-panel"><headerNav></headerNav></div> <div class="container"> <div class...
2020-04-10 11:41:13
182
原创 vue实现部分页面导入底部 vue配置公用头部、底部，可控制显示隐藏
vue实现部分页面导入底部 vue配置公用头部、底部，可控制显示隐藏在app.vue文件里引入公共的header 和 footerheader 和footer默认显示，例如某个页面不需要显示header可以使用 this.$emit('header',false);来控制header不显示例如：test页面不需要显示header，在页面被创建的时候广播(this.$emit)...
2020-03-10 13:31:59
4097
2
原创 常用flex元素（可直接作为公用文件引入）
/* 文字居中，左右显示 */.text-align-center{ text-align: center;}.text-align-left{ text-align: left;}.text-align-right{ text-align: right;}/* 文字省略号显示 -webkit-line-clamp: 2;写在响应容器控制显示的行数*/.text-overflow-num{ display: -webkit-box; overflo.
2019-06-21 11:29:00
581
原创 ＜script setup lang=“ts“＞+element-plus使用draggable 拖拽改变内容顺序（包含新增与删除整栏数据）
＜script setup lang=“ts“＞+element-plus使用draggable 拖拽改变内容顺序（包含新增与删除整栏数据）
2025-12-10 15:23:35
324
原创 ＜script setup lang=“ts“＞+element-plus模拟required 展示星号*且不触发 Element UI 的校验规则
<script setup lang="ts">+element-plus模拟required 展示星号*且不触发 Element UI 的校验规则
2025-12-10 15:14:59
131
原创 ＜script setup lang=“ts“＞+uniapp实现轮播（swiper）效果
<script setup lang="ts">+uniapp实现轮播（swiper）效果
2025-10-28 17:31:18
218
原创 uniapp+＜script setup lang=“ts“＞解析后端返回的图片流并将二维码展示在页面中
【代码】uniapp+＜script setup lang=“ts“＞解析后端返回的图片流并将二维码展示在页面中。
2025-09-24 15:54:38
395
原创 uniapp+＜script setup lang=“ts“＞单个时间格式转换（format）
uniapp+<script setup lang="ts">单个时间格式转换（format）
2025-09-16 15:06:37
255
原创 封装的form表单，校验规则(rules)只在提交时触发，为空时点击提交触发，再次输入内容也不显示校验规则(rules)
封装的form表单，校验规则(rules)只在提交时触发，为空时点击提交触发，再次输入内容也不显示校验规则(rules)
2025-08-25 15:41:35
264
原创 uniapp+＜script setup lang=“ts“＞小程序每页显示10条，分页加载数据
uniapp+<script setup lang="ts">小程序每页显示10条，分页加载数据
2025-07-15 15:33:59
755
原创 uniapp+＜script setup lang=“ts“＞小程序每次点击微信顶部小程序图标进入直接展示首页，而不是上一次浏览的页面
使用scene场景值进行重定向，参考handleAppLaunch 方法。
2025-07-09 17:38:09
160
原创 ＜script setup lang=“ts“＞+uniapp组件加载时轮询getData方法，离开组件时终止轮询(setInterval)
【代码】＜script setup lang=“ts“＞+uniapp组件加载时轮询getData方法，离开组件时终止轮询(setInterval)
2025-06-13 15:18:20
154
原创 uniapp+＜script setup lang=“ts“＞解决有数据与暂无数据切换显示，有数据加载时暂无数据闪现（先加载空数据）问题
uniapp+<script setup lang="ts">解决有数据与暂无数据切换显示，有数据加载时暂无数据闪现（先加载空数据）问题
2025-06-05 09:16:31
826
原创 uniapp+ts 页面每隔30,秒循环调用接口（解决定时器clearInterval清除无效问题）
【代码】uniapp+ts 页面每隔30,秒循环调用接口（解决clearInterval清除无效问题）
2025-05-13 15:34:43
373
原创 uniapp返回上一页接口数据更新了，页面未更新
实时监听 areaId.value的变化，在城市切换后重新调用数据接口。注意：不是组件套组件可以不使用setTimeout延时。切换城市后页面显示的还是旧数据。，但是接口更新了页面未更新。
2025-04-23 16:08:15
501
原创 地图 cover-view slot=“callout“ mapMarkers真机上不显示
cover-view class="kong" />解决第一次不显示。修改css后正常显示(设置Markers内容的最小宽度与最小高度)
2025-04-07 16:24:56
327
原创 uniapp+＜script setup lang=“ts“＞使用 uni.$emit和uni.$on全局传递数据
在A页面直接使用 uni.$emit('changeCategoryKey', childCategory)传递，在B页面使用 uni.$on('changeCategoryKey', (val) => {console.log(val, '取值');只在组件传递有效，页面跳转后是无效的。
2025-03-06 15:00:40
609
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人