- 博客(76)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 vue实现elementUI table表格树形结构-使用懒加载时-解决子节点增删改后，不刷新子节点数据问题
在使用element-ui的table组件时，使用树形结构，并使用了懒加载，可出现了一个问题，在对当前节点添加一个子节点数据，或删除一个子节点数据时，当前节点的子节点数据并不自动刷新出来。element-ui官方没有提供实时刷新子节点数据的方法。
2023-06-16 15:50:06
3240
原创 acroDesign 中select组件不显示placeholder的问题
placeholder是当前组件值为空时显示的替换文本，只有值为空的时候才会显示。当组件绑定了v-model且绑定值初始化时，值不再是空，即时初始化值为’'也视为有值，所以placeholder自然就不会显示。select组件同时绑定了v-model和placeholder，select绑定的placeholder属性不显示。将v-model绑定值初始化时设为undefined即可显示。
2023-03-29 14:22:05
594
2
原创 自定义指令实现按钮点击波纹效果
最近看到一个按钮点击出现水波纹的效果，还是很不错的，记录一下实现步骤，先上效果。1. 新建wave文件夹，新建waves.css文件，内容如下。2. 新建waves.js文件，内容如下。4. 在需要使用的页面引入wave，
2023-02-03 11:26:51
586
原创 Utils工具库
1. 从URL中获取参数并转为对象（也可借助第三方的qs包实现）2. 检查对象是否为空。4. 文本复制到剪贴板。5. 计算数组平均值。
2023-01-04 10:22:42
675
原创 ES6中的一些新特性
一、var顶层对象，在浏览器环境指的是window对象，在Node指的是global对象2、使用var声明的变量存在变量提升的情况在函数中使用使用var声明变量时候，该变量是局部的而如果在函数内不使用var，该变量是全局的二、let1、let是ES6新增的命令，用来声明变量只要块级作用域内存在let命令，这个区域就不再受外部影响let不允许在相同作用域中重复声明注意的是相同作用域，下面这种情况是不会报错的，因此，我们不能在函数内部重新声明参数三、const四、区别。...
2022-07-20 11:05:28
395
原创 兄弟组件进行传值（显示有先后顺序）
在开发中会遇到两个兄弟组件，哥哥执行完毕之后弟弟显示，哥哥隐藏，这种情况下我们就需要重新考虑执行先后顺序比如新建中间件，bus.js，让各个兄弟共用同一个传值事件机制。在child_1.vue（哥哥）组件中，绑定事件在child_2.vue（弟弟）组件中，触发事件获取值然后就可以在弟弟组件中获取到哥哥组件的data值喽...
2022-07-05 10:15:01
452
原创 require.context()的用法详解
require.context(directory,useSubdirectories,regExp)directory:表示检索的目录useSubdirectories：表示是否检索子文件夹regExp:匹配文件的正则表达式,一般是文件名例如 require.context("@/views/components",false,/.vue$/)1、常常用来在组件内引入多个组件。2、在main.js中引入大量公共组件...
2022-06-07 11:29:48
505
原创 vue + iview表单提交自动定位到错误的地方
在main.js中定义全局方法Vue.prototype.$errorScroll = function errorScroll(dom){ this.$nextTick(() => { let isError = document.getElementsByClassName('ivu-form-item-error') document .querySelector(dom) .scrollTo({ behavior: 'smooth', top: heightToTo
2022-05-30 19:29:34
888
原创 苹果store发布app流程
1. 先去申请邓白氏码。（）IOS开发邓白氏编码申请教程 - 爱码网IOS开发账号除了个人开发者账号外，其他组织或企业开发者账号均需要邓白氏码。下面我就来讲申请邓白氏码的步骤记录下。 一、华夏邓白氏官网申请 进入华夏邓白氏官网：https://www.huaxiadnhttps://www.likecs.com/show-407950.html苹果官网地址：Apple Developer Program - Apple Developerhttps://developer.apple.com/pro
2022-05-16 15:02:34
253
原创 正则表达式收集
1. 数字（整数或者浮点数）//可以是整数也可以是浮点数//正数正则var posPattern = /^\d*\.?\d+$/;//负数正则var negPattern = /^-\d*\.?\d+$/;//数字正则var numPattern = /^-?\d*\.?\d+$/;console.log(posPattern.test("42.2"));console.log(negPattern.test("-42.2"));console.log(numPattern.test
2022-05-12 17:03:54
526
原创 vue项目中axios请求统一配置了超时时间，怎样在一个单独接口请求时重设超时时间
统一配置默认超时时间：const httpAxios = axios.create();//创建实例let Config = { TIMEOUT: 6000,//设置超时时间为6秒 baseURL: { dev: window.BASEURL_01, prod: '' }};httpAxios.defaults.timeout = Config.TIMEOUT;项目中普通api接口请求：export function postRefresh(data) { retur
2022-05-08 00:29:29
9849
原创 微信小程序全局添加分享功能
在app.js中重新分享方法App({ onLaunch() { this.overShare(); }, //重写分享方法 overShare: function () { //监听路由切换 //间接实现全局设置分享内容 wx.onAppRoute(function (res) { //获取加载的页面 let pages = getCurrentPages(), //获取当前页面的对象 view
2022-04-29 11:57:57
1399
原创 微信小程序添加全局 socket 并接收消息通知
最近小程序中有使用到socket，来建立长连接，实现消息通知。总结一下实现思路。首先，在app.js中初始化socket，并处理消息，添加心跳检测。App({ globalData: { supplierId: null, socketUrl: null, // socketUrl timeout: 10000, // 延迟 socketHeartTimer: null, callback: function () {}, // socket连接回调函数
2022-04-29 11:52:07
6774
3
原创 vue设置全局webSocket，并在对应页面接受消息通知处理
最近项目中有用到了webSocket，然后在收到消息之后需要在不同的页面进行处理。所有就需要在不同的页面监听并进行对应的消息处理。首先，在app.vue中添加socket初始化，并设置发送消息，接收消息和心跳检测的处理。// App.vueexport default { data() { return { // socket参数 socket: null, timeout: 10 * 1000, // 45秒一次心跳 timeoutObj: null, // 心跳
2022-04-29 11:39:27
15415
17
原创 解决vuex数据在页面刷新被重置的问题
vuex数据是保存在内存中的，页面每次刷新都会导致vuex里的数据被重置，目前的方案是在页面刷新前把数据存到localStorage在App.vue内操作:export default { name: 'App', data() { return { } }, created() { //解决vuex数据在页面刷新被重置的问题 //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.ge
2022-04-26 11:01:28
1772
原创 微信小程序自定义tabbar
实现效果：官方文档：自定义 tabBar | 微信开放文档实现步骤：1.在 app.json 中的 tabBar 项指定 custom 字段，同时其余 tabBar 相关配置也补充完整。// 需要先定义tabBar页面// “pages” 配置里面也不要忘了"tabBar": { "custom": true, "color": "#999999", "selectedColor": "#eb7209", "backgroundColor": .
2022-04-20 15:24:40
1608
原创 H5搭配Vant实现列表页的下拉刷新和上拉加载功能
最新项目中使用混合开发，要用到h5，其中包括列表页的功能，所以来总结一下实现方式：template代码如下：<van-pull-refresh class="sh_pullRefresh" v-model="options.isPullLoading" @refresh="onRefresh"> <template v-if="!options.isLoading"> <van-list v-if="tableData.length" v-model
2022-04-17 15:41:49
1385
原创 vue安装less并全局引入less/sass文件
1.npm install less less-loader --save2.配置less: 路径：build---webpack.base.conf.js添加{test:/\.less$/, loader:'style-loader!css-loader!less-loader'}3.想使用全局less,先安装插件1）npm install sass-resources-loader --save-dev2）在build/utils.js中找到return{}return {
2022-03-23 18:58:08
1106
原创 关于低代码自定义表单的思路和想法
最近在做项目时，遇到一个需求，需要页面配置自定义表单，然后供其他页面使用。大概整理了下思路，如下：一、渲染规定好的组件，配置并保存表单，包括布局。提前规定好可以使用的表单组件（表单组件封装，包括下拉框数据，日期选择等）。 借助插件vueDraggable来实现拖动排序。 设置自定义表单的配置项。二、在用到自定义表单的地方进行渲染。根据配置好的数据来进行渲染表单，（借助component）。...
2022-03-23 14:12:07
986
原创 vue中异步组件的使用与配置说明
在组件引用中我们有时会用到异步组件。这里简单介绍下异步组件的配置与使用// Promise 异步组件Vue.component( 'async-webpack-example', // `import` 函数返回一个 Promise. () => import('./my-async-component')) // 高级异步组件const AsyncComponent = () => ({ // 加载组件（最终应该返回一个 Promise） component
2022-03-23 13:50:47
1543
原创 微信小程序隐藏滚动条的方法，以及禁止上下滑动的方法
::-webkit-scrollbar { display: none; width: 0; height: 0; color: transparent;}::-ms-scrollbar { display: none; width: 0; height: 0; color: transparent;}::-moz-scrollbar { display: none; width: 0; height: 0;.
2022-03-22 15:41:38
4501
原创 关于微信小程序使用wx.downloadFile和wx.getFileSystemManager().saveFile()保存文件在本机找不到文件的说明
downloadFile和saveFile调用成功后返回的地址都是以wxfile://开头的，这是微信自己的内部存储空间。但是android是可以在本地查询到的：内部存储/Android/data/com.tencent.mm/MicroMsg/wxanewfiles/***/文件名，中间那个***是个长字符串，不知道是什么规则生成的；ios是无法查询到具体的文件的。...
2022-03-16 19:04:19
11329
3
原创 关于webSocket建立前后端连接，并进行心跳机制的实现
最近在做一个后台实时通知的项目，项目中用到了socket来实现前后端建立通信，在此记录一下。<template> <div> <h1>测试webSocket</h1> <div id ="aaa" style="height: 300px; overflow-y: scroll; background: #333; color: #aaa; padding: 10px;"></div>
2022-03-15 13:46:16
4628
2
原创 表单校验方式（手机号，固定电话，邮箱，营业执照，银行卡号）
最近在做后台的用户信息整理，要用到一些表单校验，在之前没有处理过营业执照这种的表单校验，正好借此机会整理一下，欢迎大佬们提出宝贵意见。表单引入：<FormItem label="联系人手机" prop="liaisonPhoneNumber"> <Input v-model.trim="newForm.liaisonPhoneNumber" clearable placeholder="请输入联系人手机"></Input></FormItem&g
2022-03-08 16:02:19
2255
原创 vue使用ivew 的插件tree-table供用户选择权限
<tree-table ref="tree" :height="clientHeight" :data="powerOpt" :columns="columns" show-checkbox show-header children-key="child" arrow-icon-down="md-arrow-dropdown" arrow-icon-right="md-arrow-dropright" @on-check-change="onCheckChange">&.
2022-03-04 16:28:38
587
1
原创 vue项目使用webSocket前后端建立连接推送消息
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>websocket通讯</title></head><!-- <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> --><script> .
2022-03-04 16:23:45
1011
原创 Vue 消除Token过期时刷新页面的重复提示
1、问题现象 页面长时间未操作，再刷新页面时，第一次弹出“token失效,请重新登录!”提示，然后跳转到登录页面，接下来又弹出了n个“Token已过期”的后端返回消息提示。2、原因分析 当前页面初始化，有多个向后端查询系统参数的调用，代码如下： created () { // ======================================================================== // 获取需要的系统参数，注意：getParam
2022-03-03 15:42:53
2625
2
原创 element-ui中el-drawer组件打开自动聚焦问题
el-drawer组件设置了withHeader为false的情况下，会自动聚焦里面的可聚焦的第一个组件，例如dataPicker的弹框或者input框，select框等解决方法：// html修改<el-drawer :visible.sync="drawerShow" :with-header="true" :wrapperClosable="true"></el-drawer>// 样式修改/deep/ .el-drawer{ .el-d.
2022-02-24 15:29:59
2700
原创 原生微信小程序父组件调用子组件中的方法
假设子组件中写有方法getData()// 返回数据getData() { let flag = this.onStartValidate(); if (!flag) return false let { form } = this.data; return form;},在父组件中的json文件中注册子组件，在父组件中的wxml文件中引入子组件，并定义id<sh-batch id="shBatch" form="{{ sendForm }}"&
2022-02-22 15:33:34
1474
2
原创 小程序 scroll-view 下拉刷新和触底加载方法定义
<scroll-view scroll-y id="scroller" refresher-enabled="{{ true }}" refresher-threshold="{{ 45 }}" refresher-triggered="{{ refresherTriggered }}" bind:scrolltolower="onScrollToLower" bind:refresherrefresh="refresherref.
2022-02-16 12:02:04
2148
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人