会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
SKaM
博客园
首页
新随笔
联系
订阅
管理
2024年8月30日
vue3-pinia保持数据时效性,不会因为刷新浏览器丢失实时数据(pinia-plugin-persistedstate/$subscribe)
摘要: 1.方法一(pinia-plugin-persistedstate) 1.安装插件-pinia-plugin-persistedstate yarn add pinia-plugin-persistedstate npm i pinia-plugin-persistedstate 2.在 pinia
阅读全文
posted @ 2024-08-30 09:58 SKa-M
阅读(1560)
评论(0)
推荐(0)
2024年5月17日
antd-vue 时间选择器限制, 选择不超过七天的范围,且默认时间为当前时间往后七天
摘要: 1.template 代码 <a-range-picker v-model:value="conversationTime" style="margin-right: 20px" :disabledDate="disabledDate" @calendarChange="onCalendarChan
阅读全文
posted @ 2024-05-17 10:28 SKa-M
阅读(848)
评论(0)
推荐(0)
2024年5月8日
元与万元转换,以及千分符、保留两位处理等。
摘要: // 元转万元 const setIsNumer = (num, isToFix = true) => { let result; if (num !== null && !isNaN(parseFloat(num))) { const newNum = parseFloat(parseFloat(
阅读全文
posted @ 2024-05-08 10:36 SKa-M
阅读(76)
评论(0)
推荐(0)
2024年3月20日
前端-全屏功能
摘要: const isFullScreen = ref(false) //全屏 const fullScrenn = () => { let element = document.documentElement if (element.requestFullscreen) { element.reques
阅读全文
posted @ 2024-03-20 14:53 SKa-M
阅读(52)
评论(0)
推荐(0)
2024年3月1日
vue3+vite,封装 echarts 组件以及如何使用
摘要: 1.封装 echarts 组件 1.安装 echarts 所需 npm 包,如下。 npm i echarts@5.4.3 npm i echarts-liquidfill@3.1.0 //社区图等 npm i @vueuse/core@10.7.1 //一些好用的hook 2.封装 echarts
阅读全文
posted @ 2024-03-01 16:25 SKa-M
阅读(2228)
评论(0)
推荐(0)
新建 vite 项目,配置 alias 别名,找不到模块 “path“ 或其相对应的类型声明
摘要: 1.使用 npm 或者 yarn安装 @types/node 包就可以了 npm i @types/node -D yarn add @types/node -D
阅读全文
posted @ 2024-03-01 16:17 SKa-M
阅读(444)
评论(0)
推荐(0)
2024年2月26日
vue3+vite使用vue-pdf-embed或者pdf-vue3预览 PDF 文件(能躲避 XSS 攻击,需要 pdf 文件的 base64 或者字节数组形式)
摘要: 1.使用vue-pdf-embed 1.npm 安装所需插件 npm i vue-pdf-embed@1.2.1 npm i vue3-pdfjs@0.1.6 2.封装组件(创建pdfPriview.index 文件) <template> <div class="pdf-preview"> <vu
阅读全文
posted @ 2024-02-26 10:43 SKa-M
阅读(8877)
评论(0)
推荐(0)
2024年2月18日
BI 低代码平台
摘要: 1.项目名称: ××低代码BI 大屏平台 2.技术栈: vue3+antd-vue+pinia+echarts+antv+vuedraggable 3.项目描述:项目核心是用户通过拖拽平台所有配置的图表、组件以及流媒体等来快速生成一个展示信息的大屏。每一个拖拽组件都有数据、样式以及位置的配置,配置保
阅读全文
posted @ 2024-02-18 11:43 SKa-M
阅读(104)
评论(0)
推荐(0)
2024年2月4日
前端通过文件流,下载 pdf、excel 、png 等,常用base64常用的前缀(excel,doc,pdf,png,jpg)。
摘要: 方式一 1.封装方法 export const download =(res,type, filename)//创建blob对象,解析流数据 const blob =new Blob([res.data],{ // type:'application/pdf;charset=UTF-8’表示下载文档
阅读全文
posted @ 2024-02-04 10:58 SKa-M
阅读(1051)
评论(0)
推荐(0)
2024年1月18日
根据后端id去请求拿取图片组件
摘要: 1.组件 <template> <img :src="srcImg ? srcImg : defaultImage ? getDefaultImage : ''" v-bind="{ ...otheAttribute }" alt="" /> </template> <script> import
阅读全文
posted @ 2024-01-18 17:19 SKa-M
阅读(27)
评论(0)
推荐(0)
下一页
公告