vue
雪狼之夜
node同构工程师(全端全栈)、云开发、PC端、H5、谷歌插件、安卓端、ios苹果、各系小程序,小程序插件、除桌面应用程序未实践外,其他端均有3到10年经验。博主分享的这些开发经验是为了让你早点下班陪女朋友,陪老婆孩子。不是让你能者多劳!!!!!!
展开
-
iconfont变黑色和引入两个iconfont的解决方案(图文教程)
这是官网上的图标,他是彩色的!!!!这是引入之后的图标嗯就是纯黑色的!!!那怎么才能让他变成有颜色的?变成下面这样?雪狼是uniapp的开发的小程序时卡到的!!!原创 2024-07-19 17:50:11 · 614 阅读 · 0 评论 -
uniapp easycom组件冲突
easycom组件冲突:[@/components/uni-icons/uni-icons.vue,@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue]。其实很简单,就是components和uni_modules 这两个目录下的uni-icons 删一个。老项目,在uniapp插件商城导入了一个新的uniapp官方开发的组件==》雪狼还是决定删掉uni_modules 目录下的uni-icons 目录。然后你在跑程序就不会报错了。原创 2024-07-09 15:09:22 · 586 阅读 · 0 评论 -
vue3渲染函数加入自定义指令(图文教程)
嗯,公众号“”收到提问==》问了自己几个群里小伙伴,总算是有了结果。原创 2024-07-04 14:29:25 · 827 阅读 · 0 评论 -
vue3自定义指令(图文教程)
问题是你能保证一直都是ul和li结构的组件吗,就像说,table列表也要偶数行改北京你是不是还要去改一次table在封装一次?v-cyc 加上后,自动就去加背景了,不会有哪个公司那么闲,每个个性化的业务都来封装一个组件吧,那得是多大的公司,时间不要钱的吗,肯定是效率第一呀。问题来了,我要每偶数行背景改变,你要么class加个on去判断颜色,要么style去%2,没错吧。好,来看明白每,在src下新建个directives文件夹,在新建个index.ts、和cyc.ts。来,先看目录结构,从网上扒下来。原创 2024-07-03 12:06:55 · 679 阅读 · 0 评论 -
uniapp小程序限制微信群访问(图文教程)
重点我都说了,这时候你前端uniapp请求后端unicloud就返回来opengid 就是群的唯一标识了,如果你要限制某个群可以访问 可以把opengid 存在后端服务器,然后前端传这些个参数给后端解密完顺便可以让后端去数据库判断是不是有这个群id,以此来判断是不是该返回给前端true.前端接收到true后,就可以把那些限制访问的内容v-if改成true,这样就实现了群聊访问小程序全部功能的功能。(37岁了,你问的时候最好雪狼还做前端。原创 2024-06-18 09:58:01 · 975 阅读 · 0 评论 -
nrm 安装教程(图文教程)
1、都知道nvm解决的是node版本切换的问题,nrm 解决的是则是npm指向的问题。”,也许未来的莫一天,你会用到,不凡先进来瞅瞅公众号都分享了啥内容。5、*号代表当前npm的通道。2、雪狼的公众号:“3、测哪个代理速度快。原创 2023-10-08 14:53:43 · 944 阅读 · 0 评论 -
vue3ts的透传$attrs用法
我举个例子,你一个组件有一个props是style,正常我们是要在子组件的props去搞个接收这个参数定义它的default、type的,但是这个style在我们的script里是不做处理的,那你写个props就意义不大。注意,这是因为子组件只有一个根节点,你要是如下,有两个ul根节点节点,渲染的时候style是不会默认加到ul上的!我们可以看到运行后,style是自动加到了子组件ul标签上的,这个就叫做。,意识就是穿透传播,从组件外面穿透进来到组件内部!inheritAttrs 设置成false。原创 2023-08-22 15:40:13 · 945 阅读 · 0 评论 -
vue3 清空/重置reactive
首先你不能const,因为定义常数,在reactive里你是不能重新赋值的。 变量类型申明不能少!,三个支付方式切换的同时,下面的input的字段也跟着切换、而且最主要的是。form是const定义的常量,本身是响应的,所以.age会响应到。1、适用场景:表单切换验证如下图。然后就是感兴趣的小伙伴,博主微信公众号:“这个方法我想大家会关系,新增age这个属性,会不会,就不。转载请附上本文链接!:“获取到form的所有响应属性,删除。原创 2023-08-21 15:19:12 · 3454 阅读 · 0 评论 -
naive-ui的dialog.warning 关闭和阻止关闭
博主主要讲的怎么 主动关闭dialog和阻止dialog 自动关闭。前提是你前面要先定义let dialogObj=dialog.warning({看到代码了吗dialogObj.destroy();三、还有一点,怎么关闭全部的dialog.warning?return false,就不会关闭,记得博文开头那个引入的要写进代码里哦。onPositiveClick里,博主看到有时间再帮你去试。return true就会关闭。原创 2023-07-26 10:54:50 · 633 阅读 · 0 评论 -
类型“T”的参数不能赋给类型“string”的参数
直接可以直接解决。原创 2023-07-24 18:03:40 · 383 阅读 · 0 评论 -
vue3 h函数使用图文教程
1、他有什么好处,我提一个点你估计就知道了,他可以封装在你的.ts的文件,你写通用组件也不用单独一个.vue(因为有些组件确实就是很简单,一个充值功能弹窗有时候就一个message包一个h("input")),看的懂吗,上面是jquery代码,把这个字符串变成一个虚拟dom节点,然后把这个节点的内容111,变成22,而$(str),就是把一个字符串dom节点化。看明白了吗,其实h()博主理解是有函数重载的,也就是不用配置属性,直接设置返回的文字,像这样嵌套下去,你是不是可以嵌套好多子集,原创 2023-07-18 20:59:41 · 1263 阅读 · 0 评论 -
naive-ui 的n-date-picker改变成中文
你要是卡到前端难题,但是百度不到的,可以去关注博主公众号。,下面留言,博主看到可以搞定就给你回复。那改完之后就要变成 如下。原创 2023-07-11 14:35:15 · 1069 阅读 · 4 评论 -
vite打包可视化工具rollup-plugin-visualizer图文教程
举个例子,你的项目引用了jquery@2.1,的依赖,而你npm instal的第三方插件引用了jquery@2.2,这样你vite可能会将两个jquery版本依赖都打包进去。你体积就变大了,这个插件就是方便你查看打包后,有哪些依赖。2、vite.config.ts 配置。1、github地址==》中文翻译看博文头部的序中第二点。配置中文翻译文档,关注公众号“原创 2023-07-11 10:38:40 · 2346 阅读 · 0 评论 -
ts开发npm依赖包(插件)demo
这里注意typescript@5.0.2版本最好是跟你本地项目一个版本,如果你直接npm install --save-dev typescript,你到时候项目vue+ts用的ts5.12,他就会变成是在你build的时候ts2个版本都打包了!,然后你在npm run dev你的项目!说多了都是泪,他就会自动在重新去找你重命名之后的路径了!dist是生成的,node_modules、package-lock.json是你npm install的,所以你。如果你依赖已经放进去之后,你改名了!原创 2023-07-10 17:47:47 · 633 阅读 · 0 评论 -
ts报错7006,forEach、map箭头函数变量类型定义
参数“row”隐式具有“any”类型。ts(7006)这个报错编译也是过不去的博主发现row:any不行,于是就百度了下,也没有相关定义说明,暂且人为不能这么定义,有一个解决办法tsconfig.json 修改下面代码。原创 2023-07-10 10:40:51 · 1324 阅读 · 0 评论 -
vue3ts分离头部变量单独一个ts
2、ts就单纯定义接口和类型,还有的就是怎么把 const的变量全部抽出来到ts里。这就意味着 你的vue单页面可以专心写逻辑 代码不会太多太乱了!但是你碰到这个a是 组件的 ref的话,如下 ,是会报错的哦!本博文就是主要解决怎么让他们都可以!1、vue的就处理逻辑。a.value是undefined。主要是页面代码太多,你看下面。index.ts部分。原创 2023-07-06 15:49:39 · 828 阅读 · 0 评论 -
vue3 ts render h()函数 input
render的h函数里,你的input没办法绑定 v-model!以下 里的代码。你卡到前端的问题可以去博主公众号私信博主↓↓↓↓。你不用百度了,我已经搜了40多篇了!如果你认可我上面的话,你在继续往下看。部分。原创 2023-06-21 14:22:55 · 745 阅读 · 0 评论 -
vue3 build后,除了index.html可刷新,其他路由报404页面
vue3 build后,除了index.html可刷新,其他路由报404页面原创 2023-06-21 09:51:05 · 179 阅读 · 0 评论 -
‘SelectOption‘ is declared but its value is never read.
直译过来,就是已经申明变量但是没有引用原创 2023-06-20 16:15:58 · 197 阅读 · 0 评论 -
naive-ui h()渲染组件个人示例
陆续更新,卡到我就更新!你要是卡到,去公众号=》私信,或留言,博主看到了,来更新本博文,因为csdn没有经常在线。目前 NPopselect、NButton、NPopconfirm正文。原创 2023-06-20 11:20:03 · 1540 阅读 · 2 评论 -
naive-ui NPopconfirm怎么用vue3的h()渲染
因为h(a,b,c) a是组件,b是属性,c是包含啥,所以如图,这里下面就是c的可以填啥,trigger就相当于 你的 h("div",[h(),h()]) 这个案例里面的 [h(),h()],然后其实你就知道怎么搞了。然后同样的方法查看ButtonProps,你就知道里面的size,color这些要怎么写。文章后面我教你怎么 添加这种有template,有slot插槽的组件。然后我先贴代码, 你们看懂的先运行下,以提示窗组件为例,官方地址为==》会跳到下面的页面===》原创 2023-06-16 18:04:13 · 1564 阅读 · 0 评论 -
naiveui 的n-menu使用字体icon解决方案
先看效果好,来直接说操作方法。原创 2023-06-13 14:29:37 · 1287 阅读 · 1 评论 -
naive-ui在setup引用message的方法
先说好,能用,而且不用新建啥目录,但是官方不推荐!我的main.ts是这样的,你们可以看下,但是关系不大。原创 2023-06-12 18:08:16 · 1547 阅读 · 2 评论 -
vue3ts安装sass(scss)
这里提一嘴,-D是安装到开发环境,因为sass在你bulid的时候会编译成css所以生产环境打包他没啥用,开发环境安装就可以。-S是开发环境安装。3、main.ts引入( 提示 @报错的小伙伴===》2、src/assets下 新增2个文件。原创 2023-06-09 11:21:26 · 2404 阅读 · 2 评论 -
pinia 持久化插件pinia-plugin-persistedstate 安装、使用(图文详解)
5、压缩localStorage 要存的数据,我记得每个浏览器对localStorage 的存储是有限制大小的有的1M 有的6M。序那边博主开头说了,每个浏览器对localStorage 是有限制大小的,你不压缩,有时候你触发了某个bug,你都不知道怎么回事,来,跟着博主操作。3、其实就是省略掉localStorage 这一步,会自己写的小伙伴自己写个也是蛮快的。1、博主vue3、ts 5.x、pinia 2.1.3版本,2、配置stores/index.ts。1、这个是两个变量(原创 2023-06-08 14:50:03 · 14652 阅读 · 9 评论 -
vue3ts目录别名“@“配置图解
【代码】vue3ts目录别名。原创 2023-06-07 14:40:40 · 604 阅读 · 0 评论 -
各城市web相关职业招聘数据共享
4、本意是想说为了下一家公司做一个线上demo,没想传网上后,抖音问的人多了,顺便就帮忙统计下,博主也就顺带着认真开发起来,比较上心了。管理后台:node做后端,vue2+webpack做后台(博主后期会改成vue3+ts+vite)1、算是博主的创业项目吧,博主89年了毕竟已经35岁了,总得给自己想下后路。目前开发到1.0.12,更新于2023-02-16,目前功能如下。功能陆续会更新,目前就这些,希望我的创业项目能给大家一些做副业到灵感。一个单选城市看统计和,多选城市对比的功能、和预约统计模块。原创 2023-02-16 21:47:00 · 1942 阅读 · 11 评论 -
unicloud云函数npm下载插件、依赖图解
如果你又装git,你就直接右键 直接npm install去下载入图,没有的话你就cmd命令符cd到你这个云对象或云函数所在的文件夹!(我已经讲得不能再详细了!问题是在哪里输入!,这官方文档什么都没写就来了一句你可以更新依赖在云函数!然后我要更新插件jsonwebtoken你是不是得npm,比如下(别cnpm!去看我另外一篇博客↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓。就很无奈,资料少的可怜,博主全靠试!在外部资源管理器打开,也就是打开文件位置!这里说的是阿里云不是腾讯云。原创 2023-02-07 23:31:18 · 1173 阅读 · 0 评论 -
uni-app margin失效解决方案
2、也有说iphone才会这样,博主试过了非iphone margin-top和margin-bottom也是不生效的如下图 ,比如第二张图。1、 弄了半天,发现margin一直不出来,博主也百度了,发现好像嵌个view在外侧没有意义,结构看起来会太浮肿,比如第一张图。你会发现背景是灰色的,但是两个表格还是连在一起的白色(如果margin生效应该是两个图标中级是灰色 不是白色)加个width:100%;目前还没出现啥问题,你们试,如果有兼容问题在跟我说下,我真机试是没有问题。但是右边会多出来一块,原创 2023-01-31 22:48:08 · 1761 阅读 · 0 评论 -
uniCloud provide inject几个坑
我特么百度半天就因为上面那句话!上面这句话你解决了你的bug去点关注在走!子组件没有onLoad!我是直接在csdn手打的,!不行还是怎么样你去评论去留言下!我就说了下我试过可行的思路!来重点在说三遍,不能直接绑异步provide!1、先来正常的,你是静态数据比如。这个就很简单,如果你是ajax的异步,比如下。结果会是下面的数据,原创 2023-01-31 17:56:25 · 247 阅读 · 0 评论 -
uniCloud 微信小程序登陆全流程demo
顺便配置下云开发的地址(博主是申请阿里云的云开发5块钱的商用版的 所以配置这个,你要是免费到地址,你要开你微信开发工具请求云对象到时候的请求地址是啥配置进来就可以)对了,本博文下面这个公众号是博主的,你也可以在里面找到博主联系方式,卡到可以来问,或者你这篇博文评论区问下也可以。博主一向不喜欢废话,直接说几个点,你悟了就直接去试,可以不用看完,还是得自己去试印象才深刻,博主写博文就怕自己以后忘记做个笔记也不涂你们啥。绑定你的小程序,uuid获取这一步逃不掉,个人也可以注册微信开发平台!原创 2023-01-28 15:17:01 · 3805 阅读 · 2 评论 -
Cannot find module ‘fs/promises’解决方案
这边说下node版本>=14要安装cnpm大于8.1.0的版本详情可以去github看下。如果 node10原创 2023-01-25 14:00:35 · 988 阅读 · 0 评论 -
程序员35岁后怎么办
程序员发展副业啊,以其被动等优化,不如先手布局,到了30+开始,找个工作之后能有点时间的找个自己喜欢的副业发展,你可以网站接单,接外包,当然很多小伙伴不喜欢主业是敲代码、回家还得敲代码,你也可以尝试抖音直播,做视频,做个公众号订阅号,或者视频号,朝着自己喜欢到领域去运营他的内容,总会找到一批和你志同道合的粉丝啥的,然后去变现他,博主现在就在尝试抖音(cyc1989)、公众号(厦门程序员圈子)、视频号(沙雕搞笑收录)抖音做的是实用软件推荐和数据分享,然后引流到公众号,公众号做的是文字形式的软件分享:比如。原创 2023-01-19 12:36:14 · 304 阅读 · 0 评论 -
vue3 状态管理器 pinia 小demo
【代码】vue3 状态管理器 pinia 小demo。原创 2023-01-13 11:59:16 · 209 阅读 · 0 评论 -
vue3 ts 数组、对象循环
话不多说,都在代码里,看懂多少看个人。原创 2023-01-04 16:49:18 · 3962 阅读 · 2 评论 -
vue3 ts 两class共存写法
【代码】vue3 ts 两class共存写法。原创 2023-01-04 11:47:10 · 583 阅读 · 0 评论 -
vue3 as报错(命名空间组件)
先看博主结构,如果你确定这篇博文讲的是你要找的在往下看vue3官方地址-》https://cn.vuejs.org/api/sfc-script-setup.html#using-components 博主版本:"vue": "^3.2.45","typescript": "~4.7.4", 1、import * as xxx from (后面跟的是js或ts,如果你是index.js 就可以直接省略) 2、估计很多人都好奇博主form.ts里面应该是啥,博主直接贴代码吧,原创 2022-12-30 15:30:48 · 534 阅读 · 0 评论 -
ref和reactive区别
ref 是都要写.value的 所以看个人习惯,博主闲麻烦。你对比下上面两个定义对象时候的写法。是什么类型变量都可以定义,而。原创 2022-12-28 15:03:40 · 561 阅读 · 0 评论 -
vue3 create-vue选项翻译
vue3 create-vue选项翻译。原创 2022-12-28 14:49:21 · 215 阅读 · 3 评论 -
node 多版本管理 nvm-window(适用win7 win10)
1、博主不是没试过装nvmw,但是npm install nvmw下来,发现切换不了的,就算独立下载nvmw下来配置也试过了,也是不行,最重要的一点nvmw已经停更了!装个win7或win10,纯净的系统镜像可以去博主的csdn主页左侧那边有个公众号,那边有博主的弄的公众号,历史文章翻下,有教怎么下载纯净版的window系统。2、删除本地node版本,我也试过不删,发现没办法的,你会刷到本博文,说明你也试过其他方法了,或者你可以本地转个虚拟机试试在用在公司的电脑上。原创 2022-12-15 17:40:27 · 1439 阅读 · 0 评论