- 博客(67)
- 收藏
- 关注
RSS订阅原创 vue-router.esm.js:2248 Error: Cannot find module ‘@/views/dylife/ 报错解决
【代码】vue-router.esm.js:2248 Error: Cannot find module ‘@/views/dylife/ 报错解决。
2023-06-30 18:39:15
923
原创 Cannot read properties of null (reading ‘content‘)报错解决
（1）首先尝试的是因为我近期在做vite3+vue3的需求把node版本升到了16.17.1猜测是不是node版本影响的node版本切了14.15.3，16.17.1，以及很多版本都尝试过没有一一记录下来，始终报这个错误看来这个版本影响的不成立（2）后来尝试依赖包下载的问题 通过cnpm、yarn分别安装依旧报这个错误。
2023-05-16 18:20:18
7012
原创 vue3使用vueup/vue-quill富文本、并限制输入字数
v-model:content(一定加content)3、填写下一个富文本上一个未清空时：myQuillEditor.value.setHTML('')强制清空一下4、编辑进入的时候：强制设置一下内容；并且延迟设置一下字数。
2023-03-13 17:35:22
3158
3
原创 微信小程序中 使用swiper 滑动切换一级、二级导航
其中遇到一个大问题使我放弃了swiper的使用，其中就是swiper有一个固定高度不太好处理，最终使用了touch事件去处理触摸移动，之后会再写一篇文章记录。
2023-02-09 14:39:44
2442
2
原创 解决vue后台 侧边导航折叠时,echarts图表组件不会自适应页面宽度的问题及echart组件id重复问题
前言侧边导航栏折叠展开是echart不会自适应使用了vuex配合watch监听侧边栏展开时重绘图表echart组件重复使用，id重复问题。
2023-01-04 15:30:22
1369
1
原创 Echarts--markPoint属性
使用很简单，在series对象中添加markPoint对象即可，属性可以设置官方提供的几种基本图形，也可以自己添加对应的图案使用，文本属性也可以设置，同其他一样。
2022-12-23 16:34:04
14968
原创 微信小程序获取定位、通过地点文本获取经纬度进行导航
近期有个需求为进入小程序获取到用户定位、并且通过搜索地址查询经纬度进行导航的需求，自己尝试了一下结果如下。
2022-10-25 14:15:13
9258
4
原创 字节小程序交易组件使用指南
前言通过插件的形式，预先实现了一些页面模板，例如退款页模板，小程序开发者只需要直接引入相应插件，并且遵循插件约定的规范，与插件之间实现相互通信，即可完成相应的页面，从而提高开发效率。交易系统前端模板在页面维度上提供了提单页模板、退款页模板等，模板的入口是一个，通过该组件实现从小程序跳转到前端模板页面。
2022-10-21 16:29:18
3040
8
原创 vue3在h5及小程序中滚动吸顶及（动态超出文本折叠）
前言在vue3中滚动至一定高度tab按钮吸顶（h5中在header下、小程序中置顶），动态计算出后台返回的数据长度通过长度展示不同的样式。含判断微信环境和ios终端的方法
2022-09-30 16:12:08
1357
4
原创 vue3+ts 使用vue-video-player 实现音视频播放
前言在vue3 中尝试了很多插件都不支持，vue3-video-player在ios不兼容，所以最后选择用了vue-video-player，但是在ts中编译不是通用的，所以需要手动修改一下编译方法，最后可以使用了，详情请看下面。...
2022-08-18 17:28:12
9435
27
原创 vue中如何使用vue-pdf及相应报错解决
使用vue-pdf组件实现文件预览功能 并在文件上增加操作按钮vue3不支持vue-pdf，vue3项目用pdfjs-dist
2022-07-28 15:15:50
17771
22
原创 vue 项目登录注册中如何使用滑块去校验
vue项目登录注册中如何使用滑块去校验，下面是效果图。1、我们写一个组件写一个样式，在鼠标按下时做处理 计算鼠标滑动的长度 得到结果 如果滑到底部那我们在传回父组件的方法中 赋值即可，这样我们就拿到了校验通过的flag。2、在组件中注册并在登录页引入3、父组件中传入成功与失败的回调，处理传回的事件函数，做后续处理即可...
2022-07-14 14:40:27
952
1
转载 Charles使用教程
一、Charles教程（一）Charles使用教程Charles是一个HTTP代理/ HTTP监视器/反向代理，能够查看其机器和Internet之间的所有HTTP和SSL / HTTPS流量。这包括请求，响应和HTTP标头（包含cookie和缓存信息）Charles 是在 Mac /Windows下常用的网络封包截取工具，在做 移动开发时，我们为了调试与服务器端的网络通讯协议，常常需要截取网络封包来分析。Charles 通过将自己设置成系统的网络访问代理服务器，使得所有的网络访问请求都通过它来完成，从而
2022-07-14 13:46:36
16185
3
原创 vue3中watch 与 watchEffect 的用法
watch- 默认情况是惰性的，也就是说仅在侦听的源数据变更时才执行回调；watch- 更明确哪些状态的改变会触发侦听器重新运行副作用；watch- 获取到侦听状态变化前后的值。watchEffect 不需要手动传入依赖，watchEffect 会先执行一次用来自动收集依赖，watchEffect 无法获取到变化前的值；只能获取变化后的值。参数说明：source: 可以支持 string,Object,Function,Array; 用于指定要侦听的响应式变量；callback: 执行的回调函数...
2022-06-30 17:02:34
2270
原创 vue实现城市选择（多选）效果—手写组件（父子组件传值）
我们可能会有用到多选城市的情况、那么我们详解一下怎么实现多选城市并展示2-2 在父组件中写一个组件引入2-3 js-dataparamsData ：为模拟展示：比如我们从详情接口获取的数据存在默认展示在页面中。selectCityInfo：为传入子组件的数据。arr为全部的城市、ids为唯一标识的数组（例如code、id等）、chooseItem为选中的数据，默认为citys中的格式2-5父组件css 3、代码-子组件（详解）3-1 子组件templete
2022-06-22 19:04:58
2017
1
原创 vue+element-Tree控件 父子传值递归展示1级（父级）和3级标签
需求仅展示最外层父级标签和三级标签 ；二级标签不展示element tree：Element - The world's most popular Vue UI framework（1）默认展示（2）点击选择标签（3）点击确定按钮展示选中标签（1级、3级） （4）点击删除对应标签（1） 父组件 templete（2）父组件 引入子组件（3）js-data中的参数（4）js-methods三、子组件代码（1）templete（2）js（3）css.........
2022-06-21 10:26:48
1452
原创 js监听浏览器返回、后退、上一页按钮事件方法
⼤家知道在页⾯中我们可以使⽤javascript window history，后退到前⾯页⾯，但是由于安全原因javascript不允许修改history⾥已有的url链接，但可以使⽤pushState⽅法往history⾥增加url链接，并且提供popstate事件监测从history栈⾥弹出url。既然有提供popstate事件监测，那么我们就可以进⾏监听。...
2022-06-08 17:50:25
22299
原创 vue3+vant3 图片压缩上传
最近遇到的优化需求：图片太大，上传调用后台接口10m以上基本都会报超时用了一个插件安装npm i image-conversion --saveoryarn add image-conversion引入import * as imageConversion from 'image-conversion'orimport {compress, compressAccurately} from 'image-conversion'官方文档image-conversion -.
2022-05-26 11:11:10
2222
原创 vue3—input限制输入emo表情
输入表情直接替换为空限制输入表情方法 //限制输入表情 const Isemo = (val) => { var str = val.replace(/\s+/g, '') + '' var reg = /([0-9|*|#]\uFE0F\u20E3)|([0-9|#]\u20E3)|([\u203C-\u3299]\uFE0F\u200D)|([\u203C-\u3299]\uFE0F)|([\u2122-\u2B55])|(\.
2022-05-16 16:22:00
881
原创 vue通过传递参数动态展示图片
携带参数展示效果父组件-html <div class="page_linkbox"> <div class="link_left">主页地址</div> <div class="link_right" @click="showLinkwhere"> <img class="right_img" src="../....
2022-05-13 17:02:53
1655
原创 vue实现公共组件进度条
用vue写了个公共导航栏功能进度条效果如下：公共组件代码<template> <div class="status_count"> <div class="ul" v-if="opt.speedList"> <div v-for="(item,index) in opt.speedList" :key="index" data-item="it...
2022-04-24 17:20:46
1811
原创 vue3使用pdfjs-dist查看pdf文件
安装npm 依赖npm install --save pdfjs-distvue 子组件代码<template> <template v-for="item in pageNum" :key="item"> <canvas :id="`pdf-canvas-${item}`" class="pdf-page" /> </template> aaa</template&g
2022-04-22 10:12:16
6296
4
原创 vue 实现excel本地预览
安装npm依赖npm i xlsx -S 1、点击button 打开上传文件页面2、解析数据3、完整代码<template> <div class="excel-wrapper"> <!-- 上传按钮 --> <input class="input-file" type="file" @change="exportData" sty...
2022-04-20 18:55:55
6736
2
原创 vue3 预览 word 文件 docx #安装 npm 依赖
安装npm依赖npm i docx-preview@0.1.4npm i jszip预览本地文件<template> <div class="my-component" ref="preview1"> <input type="file" @change="preview" ref="file"> </div></template><script
2022-04-19 17:27:40
2452
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人