- 博客(11)
- 收藏
- 关注
原创 基于Uniapp + VUE3.0 + TS 实现一个支持双滑块的Slider滑块组件
基于Uniapp + VUE3.0 + TS 实现Slider 滑块组件支持双滑块
2022-08-25 10:31:12
2285
原创 解决Vue3.0 页面刷新 [Vue Router warn]: No match found for location with path 警告
解决 vue 刷新浏览器 [Vue Router warn]: No match found for location with path 警告
2022-08-23 13:37:58
47465
9
原创 el-table 高度通过flex实现自适应剩余高度
el-table 高度通过flex实现自适应剩余高度<!DOCTYPE html><html><head><title>测试页</title><link rel="stylesheet" type="text/css" href="element-ui.css" /><script type="text/javascript" src="vue.min.js"></script><scrip
2022-05-08 12:39:05
1926
原创 react-router-dom v6 通过outlet实现keepAlive 功能
通过react-router-dom v6 出口组件 outlet 实现简单的 keepAlive 缓存功能,同时结合了TransitionGroup 实现了路由切换动画
2022-01-20 16:54:25
5543
4
原创 react Layout 布局实现路由全局守卫
相比Vue, react 实现路由拦截会稍微麻烦点,话不多说,上代码:1、index.js(async () => {try {// 刷新重新请求菜单const { token, roles } = store.KaTeX parse error: Expected 'EOF', got '&' at position 38: … if (!!token &̲& !roles) { …dispatch(“user/roles”)await store.Ka
2021-12-21 22:15:16
1468
原创 一个简单的城市多级联动SELECT选择组件
先看图:select.js 代码:/** * SELECT表单 多极联动 * By zt */function MySelect(options={}) { this.options = { "el": "", // DOM 对象 "text": ["选择分类"], // 默认 option 文本 "value": [], // 当前选中值 value = [1,2,3]
2021-03-26 19:02:33
526
2
原创 js 虚拟列表
一个简单的JS虚拟列表效果如下:html部分:<!DOCTYPE html><html> <head> <title>javascript 虚拟列表</title> </head> <style> html,body { width: 100%; height: 100%; margin: 0; padding: 0; font
2021-03-02 20:59:25
1724
2
原创 vue 消息提示框、对话框、弹窗组件
组件代码:wxs.vue:<template> <div id="wxs-popup" v-if="showPopup"> <div :class="['showToast','wxs-' + params.icon]" v-if="params.show=='toast'"> <span>{{params.title}}</span> </div> <div class='showM.
2020-11-10 21:16:59
4477
2
原创 vue 下拉刷新,上拉加载更多组件
组件代码:scrollView.vue<template> <div class="pageScroll" ref="pageScroll" @scroll="scroll($event)"> <div class="scrollBox" @touchstart="touchStart($event)" @touchmove="touchMove($event)" @touchend="touchEnd($event)" :style='{"transform.
2020-11-10 17:31:33
784
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅