- 博客(78)
- 资源 (3)
- 收藏
- 关注
原创 pinia.js报patchToApply.hasOwnProperty is not a function
1 网上有说降级pinia.js的版本的,如下图,但我的还是错。还是要好好看看pinia的官网的。1 检查自己的代码,是否将“非响应式”数据赋值了。看我代码,我用的非响应式赋给了pinia中。: any = await getUserInfo({}) // 获取用户信息。1 resUserInfo:是接口得到的用户信息,且是非响应式数据。2 我将resUserInfo非向应式数据赋值到了pinia中。所以,导至了我开头出现的pinia错误。更改成响应式数据即可,如下。
2024-06-25 19:34:17
394
原创 微信小程序组件中的属性-Object不能动态绑定
这个自定义组件,不支持的还有挺多的,如:iconfront显示问题(需要用externalClasses,在父外层传进去),还有基础库版本不同,会有不同的错误等,哎,有时候如果你用常规写法,却发现总是报错,我以前没怎么太碰到小程序,因为业务没有,但都2024了,微信小程序坑太多了,官网又没有说明白,可能是我自己没找到,这坑为什么要开发者自己去遇到才行啊。,会渲染成:style="[object Object]",如下图,我仅是想自定义style。先这样吧,无力吐槽了!,你会豁然解开这个错误,
2024-04-29 16:07:16
286
原创 vue3 ts defineProps()设置i18n无效
我想在组件中的默认值中defineProps()中设置国际化,本组件就是一个form表单,其中有查询按钮,及重置按钮,原本是写活,可以在调用时,自己设置,但现在要求要配置国际化。大致意思是就是,在defineProps中,你不可以设置变量形式的内容,因为国际化t('')是个函数,所以导致了的错,组件默认值不可以用变量形式,现在可以自己切换了,提示,目前我的切换后必须要刷新一下页面,不知道为什么i18n在普通ts\js文件中设置是无法无刷新切换的。2.2 在普通.ts文件,或者.js文件中使用。
2024-04-01 15:23:10
876
原创 vue3 ts vite 主题色功能
2 创建抽屉组件,我的项目中是用到‘el-drawer’,实际上可根据自己的情况走。开发工具:vue3 ts vite。3 引用该组件,并运行即可。如上图,选择个颜色整个变化。
2023-11-17 14:30:39
254
原创 vue3 ts vite elementplus更改主题颜色
最近突然间主题色不见了,恢复到了默认情况,可能是配置的vite自定义引入及其它相关的配置,导致的问题。结果用动态改变主题色来实现改变主题了,先看下代码。这样,主题色就更改过来了,但是有个问题,页面会从elementplus的默认蓝色变成我设置的色,不在乎的过。若在乎,请自己找其它方案。开发工具:vue3 + ts + vite + elementplus。
2023-11-17 14:08:04
559
原创 vue3+ts+elementplus 进度条制作浏览器进度条
在布署的时候,Jenkins总是提示失败,指向NProgress的问题,但是我却不知道为何,找不到相关解决方案,一气之下,就打算用别的方案了。开发工具:vue3 + ts + elementplus + el-progress。
2023-11-16 11:09:45
408
原创 在 Mac 中卸载 Node.js
建议使用第一种方法卸载 Node.js,因为其中的命令可以确保所有相关文件都被彻底删除,确保下次重新安装不会出现问题。该命令会删除 Node.js 的可执行文件、npm 包管理器、手册页、DTrace 跟踪文件和用户目录下相关文件。需要注意的是,在卸载 Node.js 之前,先备份好项目代码和相关配置文件,以防误删。第三步:确定是否完全卸载 Node.js。第三步:使用 Node.js 的官方包卸载 Node.js。第二步:使用 npm 卸载 Node.js。该命令会删除 Node.js 的可执行文件。
2023-10-31 10:57:20
8494
原创 uniapp 小程序如何从主包页面跳转到分包页面
在uniapp开发小程序的时候,“分包”概念一定要提前了解下,具体我就不多说了,自己看下关网的相关配置。那么,如果从主包页面,跳转至分包的页面呢?在我的页面创建好自己的链接,我使用的是方法创建的。/分包名/页面路径?参数1=值&&参数2=值。一定要注意跳转的路径,要加上【分包名】接受不久,大神路过!
2023-07-20 15:24:24
3805
原创 vue design ant confirm中的content如何写HTML
ant库的confirm组件的content选项中,如何加入html代码
2022-06-13 14:08:35
4507
转载 转-TinyMC-VUE使用
博客(coder的自我修养)原文链接:tinymce--一款非常好用的富文本编辑器 vue集成tinymce编辑器 - coder的自我修养要注意VUE版本安装时要注意你的vue版本,具体如下:vue 3.x安装下方版本npm install tinymce -Snpm install @tinymce/tinymce-vue -S================================================================vue 2.x 安装下方版
2022-05-30 16:48:23
476
原创 vue子组件中使用window.onresize()只执行一次
描述:做了个简单的echarts组件,其中有个功能是当窗口变化时,刷新echarts。用了window.onresize(),且用了防抖方法,但是一个页面中会有多处用到echarts的组件,重点是当将窗口拖拽时,却只执行了一次。window.onresize = () => { delay(function () { //防抖重画 _this
2022-05-26 15:26:28
1841
原创 Koa2.js router 异步返回ctx.body失效的问题
koa2.js,用router返回数据时,正常写法如下(我是将接口封装了)//一个很普通的koa2.js get请求router.put('/getUserInfo', (ctx, next) => { const data = ctx.request.body ctx.body = { data:[{id:1,name:tom}], status: 200, message: 'success' }})//以下是封装写法,其实就是router的第
2022-05-06 11:28:07
1306
原创 JS 浅谈事件循环机制
一、JS事件循环机制中,首先记住一个执行顺序公式:同 微 宏1 同步:一等公民(SVIP)2 微任务:二等公民(VIP)3 宏任务:三等公民(普通用户)二、什么是事件循环机制简单说,就是在执行栈中(依次压入栈里的代码先行执行)执行完毕后,再去找微任务执行,最后再找宏任务执行。所有进入这三个栈内的被称为任务队列。具体内容可自行搜索,网上太多三、到底怎么进入各自的队列呢?程序的执行顺序是自上至下,同步执行(一行一行执行),遇到异步,就跳过(异步自己去等待执行,比如aj
2022-04-24 16:38:16
1543
原创 vue 指令应用多次时,其动态值更新时,update会执行多次
前几天在开发时,心血来潮自己开发了一个v-loading指令,然后就应用到了页面中,我的页面有多处使用了该指令,但是令我EMO的时候也来了,页面很简单,只有三块区域,基本相同,但是中间有个显示后台结果的div区,我就想着,用指令来整个遮盖效果,所以,三个区域的结果区都有v-loading。v-loading指令代码如下,重点是update,也恰恰是它给我整emo了,因为,当我给v-loading重新赋值时,指令中的update居然执行了【3次】(发现问题是因为页面没有v-loading了,因为执
2022-04-21 09:59:40
3591
原创 vue 后台系统中多页面标签(2)增加右键菜单
先看图功能:重新写了tag标签页新增鼠标右键菜单右键菜单新增功能:关闭其它,关闭左侧,关闭右侧======================================================猥琐发育,别浪(直接代码一波)<template> <div class="menu-tags"> <template v-if="data.length != 0"> <div class="
2022-04-14 18:03:16
1703
转载 【转】如何用一行 CSS 实现 10 种现代布局
转自公众号:Vue社区作者:@Una Kravetshttps://web.dev/one-line-layouts/现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局,它们实现了一些非凡的工作。01. 超级居中:place-items: center对于第一个“单行”布局,让我们解决所有 CSS 领域中最大的谜团:居中。我想让您知道,使用 place-items: center.
2022-04-14 17:50:11
121
原创 vue 后台系统中多页面标签
在后台开发中,常用一种页面标签工具,每次点击菜单栏时,会在页面区域上方增加一个【标签页】如下图,可关闭,可切换页面等功能,常见于后台管理系统中。以前,我以为这个是利用tabs组件开发的,但是后来看了一些文章才发现,它实际上跟tabs组件没有任何关系(当然你可以用tabs做,实现过程不限于任何技术)原理:1 点击菜单栏时,将【菜单项】数据记录在vuex中,或者你存本地的storage中,怎么做都行,但你得保存下来2 上方标签,通过读取我的路由链,然后用ant...
2022-04-13 14:27:10
6043
4
原创 vue3 配置ant-vue的主题色
1 安装lessnpm i less --save-dev安装 less loader,注意要安装less的固定版本,因为默认安装时,会出现版本过高的错误提示,导致yarn serve无法启动npm install -D less-loader@7.x下面的错误是默认安装less,less loader时,因为版本过高所导致的错误Syntax Error: TypeError: this.getOptions is not a function2 安装 ant vue...
2022-02-11 17:12:20
1151
转载 50个Vue知识点
文章来自订阅号:熬夜总结50个Vue知识点,全都会你就是神!荣耀黄金1. Vue的优点?Vue的缺点?优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开缺点:单页面不利于seo,不支持IE8以下,首屏加载时间长2. 为什么说Vue是一个渐进式框架?渐进式:通俗点讲就是,你想用啥你就用啥,咱也不强求你。你想用component就用,不用也行,你想用vuex就用,不用也可以image.png3. Vue跟React的异同点?相同点:
2022-01-24 15:32:24
982
原创 uni-app加入vant ui组件,并修改引用时的报错
uni-app加入vant ui1 下载vant包,这里去github下载Vant - Mobile UI Components built on VueMobile UI Components built on Vuehttps://youzan.github.io/vant/#/zh-CN/https://github.com/youzan/vanthttps://github.com/youzan/vant2 解压vant包,并把【dist】文件夹复制3 在你的uni-app.
2021-12-30 13:10:53
3595
9
原创 一些有趣的WEB前端学习网站
1.Learn CSS layout:http://learnlayout.com2.Flexbox Froggy:http://flexboxfroggy.com3.EnjoyCSS:https://enjoycss.com4.Neumorphism:https://neumorphism.io5.uiGradients:https://uigradients.com6.JavaScript Fun:https://www.javascript.fun7.Share Icon :https:/
2021-12-14 17:44:12
1249
转载 JS new Object.create()的区别
包含手写new以及 手写Object.create(≖ᴗ≖)✧起因在整理原型这部分知识时,发现了两种修改原型的写法,好像并不影响测试结果function Fruit() { this.type = 'fruit'}function Apple() { this.name = 'apple'}// Apple.prototype = new Fruit()Apple.prototype = Object.create(Fruit.prototype);...
2021-11-10 11:13:28
94
原创 pdf.js canvas base64 中文乱码
本文请下载最新版的PDF.JS插件,并且适合自己开发界面的,且只对base64数据进行展示,真实有效最近在研究【pdf.js】读取后台传来的【base64】格式的PDF文件,用了官方的例子发现,中文居然乱码,结果如下:乱码原因,千篇一律,我也尝试过手动加载【<link rel="resource" type="application/l10n" href="./js/pdfjs/locale/locale.properties">】,说是没有字体,但发现却不行。也试过,加上一
2021-10-28 16:03:38
1171
转载 将现有vue项目基于electron打包成桌面应用程序
一、前言 项目本来打算采用B/S架构去做的,只是在"人群中多看了你一眼"。二、使用electron集成桌面应用 本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目打包好后打开index.html能显示网页.因为刚接触便直接拿官方demo进行打包了. 1.克隆官方demo:gitclone https://github.com/electron/electron-quick-start 2.cd electron-quick-st.
2021-10-08 17:18:26
316
转载 web打印时,各种页面样式设置
最近碰到这个问题,我需要将网页打印成PDF文件。Chrome可直接将网页保存(打印)为PDF(无需安装Adobe),但式样跟网页上显示的截然不同。我测试了一下用法,了解了其中的一些原理和解决方法,总结如下。Chrome保存为PDF的界面上只有很少几个选项:这几个选项都浅显易懂。但需要注意的是,这里并没有让选「纸张大小」。Chrome在保存为PDF文件时,默认纸张大小是A4。若布局为纵向,显示大小为210mm×297mm;若布局为横向,显示大小为297mm×210mm。这时候需提到一个D.
2021-08-03 14:23:08
2062
原创 JS防抖与节流
1 什么是防抖?简单说,就是N秒内,只执行一次某方法,以防止【过度执行同一函数】而造成的内在资源浪费。// 防抖 function debounce(fn, delay) { let timer = null //借助闭包 return function() { if (timer) { clearTimeout(timer) } timer = setTimeout(fn, delay) // 简化写法 } } // 然后是旧代码 function.
2021-07-27 09:43:34
126
原创 vue拖拽方法,有边界控制,带吸附
Vue拖拽有很多方法,今天我用了指令去实现1创建公共指令,全局注册方式,也可以局部指令gap是附件值,也可以根据具体情况来设置// v-dragexport default { // 当被绑定的元素插入到 DOM 中时…… inserted(el) { let gap = 10 //缝隙:小于缝隙时,则吸附 let parent = el.offsetParent el.onmousedown = function(event) { var eleEvent =.
2021-06-29 15:16:25
5188
3
转载 offsetWidth clientWidth scrollWidth三者区别
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth(包括边线的宽);网页可见区域高: document.body.offsetHeight(包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: documen...
2021-06-29 14:03:41
198
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人