- 博客(11)
- 收藏
- 关注
原创 uniapp 踩过的坑
uniApp挖坑指南:1.一切涉及到要获取Dom进行操作的方法都不能快设备跨端编译,微信端与app都不能获取到document window 等等。2.先结论:不要尝试修改默认组件的css样式。例如:scroll-view,swiper等等,使用less或者是scss,必定尝试着“deep”或“>>>” 进行深度查找来修改样式,但是仅仅只会在h5端进行生效,编译到微信端,并未生效(原因:编译过后的dom节点与h5编译过后的节点不一致,节点上的class,子级节点数量都可能不一致)
2021-04-20 17:33:25
1012
原创 **解决google浏览器 密码回填样式**
解决方案是:将浏览器自带的样式填充,或者覆盖(css);综合之前网上的各种方法,得出以下结果:以应对不同的情况吗,请全盘复制; &:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ -webkit-text-fill-color: #62dfc2 !important;//自动填入文字的颜色 box-shadow: 0
2021-01-18 10:13:01
408
1
原创 Vue +原生固定table表头,body上下滚动,内容对应与横向滚动条
描述:根据返回数据动态渲染table数据,表头数量不确定(属性不确定或者说是多少列不确定),这样的话就排除了手动设置列宽的做法,每列平均分也并不可取(有点丑);然后将body数据设置动态高度,超出设置为滚动条。其实table的x轴也可以设置成超出滚动条,这样的话,就自定义了个表头固定,表体滚动显示,这个table x轴超出滚动。解决思路1、采用两个table列表,他们的数据一模一样,以保证他们的高、宽、内容全部都完全一致;2、table2采用定位的方法与table1两个列表完全重合(table2必须
2020-07-02 14:56:22
4851
1
原创 vue el-menu菜单递归循环创建
说明:根据返回的数据动态循环渲染菜单,是否具有子级目录递归创建所有目录并具有复用性,动态绑定相关属性;解决步骤:1、使用element组件(具体步骤不在赘述)2、先创建公共组件(1)在第一级菜单循环过程中,如判断出当前菜单存在着子级菜单,渲染出当前菜单,并将当前菜单的子级属性(例如:child:[数组]),利用子组件传参的方式,传给我们现在正在封装的组件(俗称:无限套娃)。注意:组件必须要添加name属性,名称与注册时命名一致;完整代码:(1)封装的子组件<template>
2020-06-16 18:37:16
9406
1
原创 vue-particles (多彩)粒子插件动画 使用教程
描述:vue框架使用vue-particles 粒子特效插件,制作粒子动画背景,可以与用户进行交互,具有可控制数量,大小随机,有连线(可取消)等等。效果如下图(官网):步骤1.安装:Yarn add vue-particles -s2.引入import VueParticles from 'vue-particles' Vue.use(VueParticles)3.使用方法一:直接以标签的形式使用:注意,由于底层采用的id标识具有唯一性,多次引用绝对会出错,只能引用一次,这个
2020-06-02 12:12:53
1569
原创 echarts 可能是水球图最完整的属性注解 高度定制化 加入定时刷新动态数据
本水球图注释结合项目,对水球图的深度定制化,有较深度定制化;牵涉到的属性较多,加入定时刷新动态数据;步骤:1.yarn add echarts -s2. yarn add echarts-liquidfill -s注意:定时器是异步加载的,所以如下写法:this.time0001=setInterval(async()=>{ this.time0001_out2= await setTimeout(async()=>{ await this.fun();
2020-06-01 12:23:28
1844
原创 项目搭建 请求接口封装和全局超时处理
//1.引入相关依赖import axios from "axios";import { Toast } from 'vant';import Vue from 'vue'// 2.配置服务器地址 超时时间const $http = axios.create({ // 公共的请求地址配置在这里 baseURL: Vue.prototype.IP, // 公司接口地址 // 请求超时时间(单位ms) timeout: 5000})//3.配置请求拦截器 axi
2020-06-01 12:03:36
624
原创 vue 配置全局路由守卫
描述:在使用next( )函数进行跳转时,如果没有对to这个去路进行拦截判断(to表示将要跳转的地址),处在死循环状态,就会报“Maximum call stack size exceede”的爆栈的情况。解决办法:1.对那些需要进行拦截路由,进行标记判断,不需要拦截的路由进行放行实施放行。2.对to:跳转的那个地址进行判断(否则死循环)router.beforeEach((to, from, next) => { if (to.meta.auth) {//对to路由信息进行判断 l
2020-06-01 11:57:49
836
原创 el-input-number element计数器设置自定义小数位数
描述:用户在输入数值时,需要用到小数,制定加减按钮步长适宜,设置最大最小值。实现步骤1.使用el-input-number 标签<el-input-number v-model="dialogForm.size" :precision="2" :step="0.1" :min="0" :max="10"></el-input-number>2. precision属性设置精准值(保留多少位小数),step设置步长(每次加减的基数),m...
2020-06-01 11:23:26
8981
原创 el-select element 可自定义输入的可搜索下拉框
描述: 用户可自定义输入要查询的文件格式,也可根据下拉列表选择文件格式,并且在用户输入的同时,具有搜索功能。实现步骤:1.使用element-ui组件的 el-select标签 并且配置上filterable 可搜索属性<el-select filterable clearable placeholder="请选择文件格式" v-model="searchForm.fileExt" class="search-input" .
2020-06-01 11:16:10
16570
2
原创 el-cascader element级联选择器(递归回显办法),单选与多选 全局封装
el-cascader 级联选择器(回显办法)描述:使用el-cascader 级联选择器,根据返回的子集id(最底层一级)进行回显。目前只做了单选功能,多选的请自行解读,希望能给你一些启发。当人有人说过,其实可以不用递归的方法。我是没找到哪种方法。。。以下指示个人的项目经验:(带详细的注解)图例://回显部门 get_OrganizationId(val) {//val 后台返回的id let arr = [];//定义一个空数组 let oiptions =
2020-06-01 11:05:03
6466
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人