- 博客(340)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 el-table表格封装(包括switch，操作栏，元素带点击事件，区分颜色显示，分页，暂无数据等)
el-table表格封装(包括switch，操作栏，元素带点击事件，区分颜色显示，分页，暂无数据等)
2023-04-24 17:57:47
884
原创 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
5420
原创 中国地图,手机与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
2045
原创 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
1922
原创 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
3396
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
492
原创 vue 路由
layout（导航页）<template> <div> <div class="header-panel"><headerNav></headerNav></div> <div class="container"> <div class...
2020-04-10 11:41:13
163
原创 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
3978
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
552
原创 ＜script setup lang=“ts“＞+uniapp组件加载时轮询getData方法，离开组件时终止轮询(setInterval)
【代码】＜script setup lang=“ts“＞+uniapp组件加载时轮询getData方法，离开组件时终止轮询(setInterval)
2025-06-13 15:18:20
16
原创 uniapp+＜script setup lang=“ts“＞解决有数据与暂无数据切换显示，有数据加载时暂无数据闪现（先加载空数据）问题
uniapp+<script setup lang="ts">解决有数据与暂无数据切换显示，有数据加载时暂无数据闪现（先加载空数据）问题
2025-06-05 09:16:31
697
原创 uniapp+ts 页面每隔30,秒循环调用接口（解决定时器clearInterval清除无效问题）
【代码】uniapp+ts 页面每隔30,秒循环调用接口（解决clearInterval清除无效问题）
2025-05-13 15:34:43
161
原创 uniapp返回上一页接口数据更新了，页面未更新
实时监听 areaId.value的变化，在城市切换后重新调用数据接口。注意：不是组件套组件可以不使用setTimeout延时。切换城市后页面显示的还是旧数据。，但是接口更新了页面未更新。
2025-04-23 16:08:15
410
原创 地图 cover-view slot=“callout“ mapMarkers真机上不显示
cover-view class="kong" />解决第一次不显示。修改css后正常显示(设置Markers内容的最小宽度与最小高度)
2025-04-07 16:24:56
201
原创 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
546
原创 vue3+ts ＜script setup lang=“ts“＞ element-plus的el-date-picker设置默认日期
vue3+ts ＜script setup lang=“ts“＞ element-plus的el-date-picker设置默认日期
2024-06-24 15:25:03
534
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人