鸿缈-优快云博客

原创解决@touchstart和@click事件触发冲突问题,可使@touchstart和@click分别执行

只用在@click加stop，且在onTouchMove上添加阻止点击事件触发——e.preventDefault();即可完成拖动事件@touchstart和点击事件@click分别执行功能，且可以修复拖动按钮时会导致页面滚动问题。@touchstart不加修饰符,在onTouchStart点击事件中触发阻止click事件。如果需要阻止点击事件不触发，只触发@touchstart;事件，比如拖拽事件同时添加返回上一页功能;一般出现在我们给某个元素同时绑定。

2022-11-08 15:56:13 7984

原创 Uni-APP+Vite+Vue3+TS+Vant 搭建项目

Uni-APP+Vite+Vue3+TS+Vant 创建移动端项目（h5、微信小程序、APP）

2022-09-20 14:20:02 7552 11

原创浅谈ES6中的generator生成器（异步回调可变为同步代码）

首先是官网的介绍： generator（生成器）是ES6标准引入的新的数据类型。一个generator看上去像一个函数，但可以返回多次。 generator和函数不同的是，generator由function*定义（注意多出的*号），并且，除了return语句，还可以用yield返回多次。官网地址.基础用法讲解异步的产生：，因为项目中用的vue的，写法： * B() { yield getSupplierList().then(() => { console

2022-03-09 15:01:36 690 1

原创 vue+ts的axios接口简单封装

利用axios中的AxiosError做请求错误拦截处理：首先，在根目录下新建文件夹utils，在utils中新增request.ts文件，代码如下 import { Notification } from 'element-ui'; import axios, { AxiosError } from 'axios'; // import microActions from '@/qiankun/actions'; import { downloadXlsx } from './tools'; // 创建

2022-03-02 14:06:39 1695

原创微信小程序底部tabbar自定义实现凸起+透明底部效果

先上图看效果：步骤： 1、在文件根目录下创建一个文件夹：custom-tab-bar并分别创建 (js，json,wxml,wxss）类型文件 2、在pages.json中设置tabbar中的custom为true(true自定义，false默认系统) 3、index.js代码如下： Component({ data: { selected: 0,//当前选中的tab下标 color: "#1E1E1E", selectedColor: "#646464",//tabb

2022-03-02 10:51:23 11954 26

原创微信小程序调用高德api定位当前经纬度，根据城市名获取对应经纬度

最近写小程序有一个首页关于定位功能，指定高德API，话不多说，上图：首先小程序需要先设置定位提示语，在mainfest.json中添加配置scope.userLocation： "mp-weixin" : { "appid" : "xxxxxxxxxxx", "setting" : { "urlCheck" : true, "es6" : false, "minified" : true,

2022-01-06 15:24:23 5069

原创关于 Element 中el-tooltip动态访问接口加载数据

关于 Element 中el-tooltip动态访问接口加载数据例子：表格el-table中嵌套el-tooltip中的数据要通过接口访问到再显示 ref是为了区分table多个column中tooltip不重复 v-model 直接给当前行添加一个tooltipStatus字段 <el-table-column prop="couponNum" label="优惠券"> <template slot-scope="scope"> <el-tooltip pla

2021-10-14 17:12:29 2522

原创 vue input判断值是扫码枪还是键盘输入

区分扫描枪输入和键盘输入的实现首先，在input上绑定keyup事件，注意添加native 如图： <el-input class=“clo_input mgtop_20” v-model=“WashingCode” @keyup.native=“inputNum” @change=“inputchange”> methods中inputNum方法如下：新增一个新数组，每次得到的target.timeStamp,是指当前按键发生时间，而计算前后按键发生时间间隔，超过30一般是指按键，

2020-08-25 17:04:58 3977

原创 $(...).ajaxSubmit is not a function解决方法

近日看到一些关于$(…).ajaxSubmit不是一个方法的问题一般是没引入jquery-form.js或者顺序问题或者没正确引入我是这样引用的，可供参考

2020-08-04 10:42:02 1892

原创 Vue项目引入百度富文本编辑器ueditor页面加载失败

Vue项目引入百度文本编辑器针对，引入百度文本编辑器，封装组件，多页面引用只加载一些的解决方法，话不多说，上图：看到有些文章下面补充一种解决方法，仅供参考：像这样可以直接解决多个页面引用，不重复加载问题，原写法id为editor的已经加载一边，所以其它页面调用的时候就会不显示，id为动态引用时，可多次加载。初次发博，请多关照！ ...

2019-12-13 17:53:35 1232

weixin_42479305的博客