- 博客(34)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 ts interface如何定义函数泛型呢？
如果是一个对象内部有一个函数需要泛型，应该这么写。那么我们想通过interface应该这么写。我们都知道常规的函数定义是这样的。
2024-08-01 16:53:18
359
原创 在组件中调用createCanvasContext后ctx.draw画不出来（vue3和uniapp和微信小程序）
上网查了资料以后，发现 uni.createCanvasContext(CanvansID);在页面中其实默认传了第二个参数this，uni.canvasToTempFilePath也传了this。那么因为我们是vue3，所以引入this应该是这样。请注意vue3的this，要这样获得，并且他叫proxy，并且上下文和获取临时链接都需要加上proxy。我原来在页面中直接写，是可以直接画出来的,是没问题的，然后我把他放到组件中以后就不行了。
2024-07-29 15:34:07
908
原创 给uniapp官网的级联选择器（uni-data-picker），添加搜索功能
函数也增加了两个，一个是搜索后防抖出现搜索结果，另一个就是点击了某个搜索结果后，编辑成源代码需要的格式，并且调用源代码的更新方法即可！2.下载并导入项目以后，是以下这个目录结构，按照这个目录我会告诉各位，我改了哪些文件的哪些代码。总结一下，其实非常简单，html部分新增了一个Input,一个搜索出来的列表的展示。给uniapp官网的级联选择器（uni-data-picker），添加搜索功能。今天是2024/7/11，我下载的版本是2.0.0 （仅兼容了本地数据版本）这就结束了我只更改了一个页面。
2024-07-11 21:01:51
2622
2
原创 vue3 按钮权限最新写法使用指令写法控制
1.在utils创建一个文件夹directive,里面创建一个index.ts和一个authList.ts。2.在utils/directive/authList.ts写入。3.在utils/directive/index.ts写入。我是not和delete权限其中一个有就可以显示。我是edit权限就可以显示。4.在main.ts写入。我是add权限就可以显示。
2024-07-07 22:12:52
630
原创 vue3 动态路由设计
2.这个请求放置在路由守卫（router.beforeEach）next的前面，阻塞next()，当动态组件添加好了在进入页面。这是最基础的逻辑，如果需要用到项目中，需要自行加上判断是是否有token，并跳转到Login页面等等。1.准备一个请求，从后端获取路由数据。
2024-07-04 20:21:55
416
原创 width,min-width,max-width三者的区别及如何使用
3.2建议使用Min-width+max-width，这样的效果就是，默认显示宽度是max-width，自适应的区间是，min-width和max-width之间，小于Min-width就会出现滚动条。所以总结一下，我们只会使用4中形式，单独使用width，单独使用min-width,单独使用max-width，结合min-width和max-width这2个使用。因为是三个属性，会存在，仅用其中一个，或则两个一起用，或则三个一起用的情况，下面我们一一讲解。具体的效果大家可以自己在代码里面试试更有感觉。
2023-09-15 21:25:40
1871
2
原创 使用nvm管理管理node版本 出现exit status 1: ��û���㹻��Ȩ��ִ�д˲�����报错
经过一番研究我才发现，nvm究竟是怎么运作的，他不是设置某个文件夹的node版本，而是你有很多版本，每次要用的时候你都要切换，而且是全局的，全局都会变成这个版本，那么这就很简单了。然后我还以为之后要使用所用的版本要在这个node版本下才能使用node -v这个命令，但是我在这个版本下面创建子文件夹，使用Node竟然无效，这让我十分无语。之前使用了nvm工具，进行创建项目，什么问题都没有，但是很久没有，发现node -v 在以前有用的文件夹有用 现在却没用了。但是却报错 ，这个报错的解决方案是。
2023-09-02 12:45:27
946
原创 原型、原型链、构造函数、实例的关系
接下来我们继续拓展，由下图可知，其实每一个构造函数的原型还有一个原型（Object.prototype），这个原型是由Object函数创造的，而Object.prototype还有一个原型，那就是null，右边这一条由__protp__连接起来的链条就是就是原型链。好的这下我们就搞清楚原型链了，那么原型链究竟是为了什么设计出来呢，是为了方法和属性的继承，在原型链下方的对象，都会继承原型链上方的方法。接下来我们使用构造函数去创建一个实例对象。我们设置了一个构造函数命名为Fun。接下来我们就来验证一下。
2023-07-29 21:13:49
96
原创 vue3 引入echarts
第二步，当然是按需引入，在根目录的src/common/js下面新建一个echarts.js文件写入（上图红色圈的）第一步,当然是 cnpm install echarts。第三步，在main.js里面写入。第四步，在使用的页面写入。
2023-07-26 00:07:11
1059
原创 vue3+ts使用自动导入时，使用element-ui的v-loading指令时，出现moudle not found的问题
*loading-directive).*$/), //修改此处。在网上试了好几种方法，有一个是修改vue.config.js的，那都是错误的！
2023-06-27 17:17:48
358
原创 vue3 TS 并且使用自动引入组件后 引入element-plus的icon 没反应
然后引入icon的时候怎么都不行，最后在网上一直看各种解决方案突然就行了，贴一下代码。我使用了自动引入组件，如果不了解可以点进去看一下。
2023-06-06 10:24:57
772
原创 vue 隐藏部分V-for，达到显示前两条，点击后再显示更多的效果
很简单其实就是外面一个v-for，里面一个span,然后给v-show，当index是0或1就一直显示，然后用或者（||）连接，剩下的就由按钮控制，点击了按钮就显示所有的了。
2023-05-31 14:31:27
653
原创 小程序 修改v-model值后调用@input，重新赋值并不会修改视图BUG
因为你改了this.newName 这个值再去改E（input标签 里面的@input事件）是一个异步事件 在这个异步事件之前已经调用了下一个inputChange，此时赋的值还是之前的值 而使用了$nextTick 可以确保这个方法在所有异步事件之后调用 就可以获取最新的值了。那么，那么导致v-model="newName" 的值确实被我限制在了4个，但是视图并没有发生变化，会越写越多，但是如果我加上了this.$nextTick(() => {那么就正常了，那么为什么会这样呢？
2023-05-31 10:53:02
555
原创 关于 Uniapp 获取缓存报错 getstorage:fail:data not found 在开发者工具没有问题 手机预览报错
我们存缓存是在首页的onload，里面写了一个console.log(abc)，而abc没有定义，再微信开发者工具中并不会报错，而是打印underfind，而手机预览则会报错，导致onload的后面的代码都没有执行，导致缓存没存进去，导致后面一系列报错。问题：在微信开发者工具中没有问题，真机调试也没有报错，只有打开预览的时候，用手机才会报错。后来发现，是缓存没存上，获取才报了错，那么为什么微信开发者工具存上了，手机预览没有存上呢？
2023-05-29 16:04:43
2049
原创 css column 瀑布流布局 div 块级元素 会被截掉一半的解决方案
再item里面加上in-line：block 即可。上图可知，Div会被截掉，那怎么解决呢？
2023-05-29 15:34:31
354
原创 小程序默认登录
setAuthorization，其中他的值store.getters.getAuthorization,是在app.vue里面获取的，但是要加到全局的每一个请求方法上，就不能通过普通的页面控制方法，只能一直修改监听请求，直到store.getters.getAuthorization获取到之后，才进行后面的请求。后，会发送到开发者后端，开发者后端通过接口去微信后端换取到openId(名字不一样) 和。(名字不一样)就已经完成登录行为了。接下来我记录一下自己的项目。我们自己的项目还有一个。
2023-05-24 17:25:28
446
原创 uniapp app.vue加载完成后运行首页
因为整个逻辑两个并行的页面和一个全局变量，如何通过全局变量控制两个页面的加载顺序的我问题，我们如果简化成一个页面就好理解。
2023-05-24 15:52:47
3713
1
原创 position: relative； 用法top bottom用法
总结relative也可以使用top bottom,且自身盒子可以达到在不脱离文档流的情况下，移动内部内容的位置，可以说是绝对定位的一种简单版本。//如果button和top都写只会留下top的效果。我们看看加上top会怎么样。
2023-05-23 11:32:48
305
原创 vue3 canvas.getContext is not a function
【代码】vue3 canvas.getContext is not a function。
2023-02-04 13:54:16
5177
原创 vue3 elmentui 报错 Cannot find module ‘node:module‘
在使用webpack 运行vue3 elmentui 的时候报错Error: Cannot find module 'node:module'最后发现问题是 elment plus 和 自动加载方法 的版本不适应的问题。在加入vue3 elmentui plus 这行代码的时候 出现了报错。解决方法是 根据视频增加精确版本的包。
2023-01-17 18:04:26
5658
4
原创 局部安装vue-cli并创建vue项目
那我们应该在D:\ruanjian\nvm\v19.0.0\xiangmu\vue3xiaodi 这个文件进行cmd（在输入文件路径的地方输入cmd即可）假设我们的项目文件夹是D:\ruanjian\nvm\v19.0.0\xiangmu\vue3xiaodi\项目文件夹。如果我们想局部安装vuecli的话我们应该在我们的项目文件外加一个父级文件夹。然后输入命令cnpm i -D @vue/cli@4.5.17 即可安装。在cmd中 使用 vue -V 查看的是全局vuecli版本。
2022-12-09 22:04:17
1138
转载 安装cnpm
链接：https://www.jianshu.com/p/e8d52f73e87b。商业转载请联系作者获得授权，非商业转载请注明出处。1.确认npm是否安装成功。，显示有版本号，则安装成功。3.检查是否安装成功。作者：HanMeng。
2022-12-08 22:09:32
330
原创 css 父级设置了padding，但是子元素还是会超过padding解决方案
我看了一下，是因为子元素，设置了width100%,以后还设置了padding,导致的问题，因为我们的盒子是标准盒子模型，width的宽度只是内容content的宽度，加上padding就会导致大于100%，所以有两个解决方案，一个是将盒子模型转换成怪异盒子模型，（box-sizing:border-box），一个是在移动端不要使用width:100%，的情况下就使用padding就不会超过100%。由上图所示，明明父级已经设置了一个padding,但是子元素还是跑出来了，这是为什么呢？
2022-11-22 15:10:21
2826
原创 flex space-between 第二位置贴左问题
如果我们想让他贴左边或者右边的话，我们设置左边一个距离，右边一个auto即可。那么第二个数据将居中对齐。
2022-11-22 14:59:37
589
原创 vue 解决子组件不能直接修改变父组件传过来的props值的问题。
需求分析：因为弹窗不是每次都弹，有一个判断，所以必须通过父组件传值来控制是否显示子组件，而且点击了子组件的确定以后，还必须传值给父组件，然后父组件再传值给子组件，达到关闭弹窗的效果。需求：做一个弹窗组件，进行重复利用。
2022-11-08 18:32:30
1077
原创 创建服务的时候发生了Renamed existing log file错误
事件：当我在 命令提示符 中想要创建服务的时候发生了错误，是有重命名的现有日志文件。代码：mongod --logpath="D:/ruanjian/mongoDB2/log/mongod.log" --dbpath="D:/ruanjian/mongoDB2/data" --install --auth错误：{"t":{"$date":"2022-04-27T14:18:43.291Z"},"s":"I", "c":"CONTROL", "id":20697, "ctx":"-","ms...
2022-04-27 23:15:03
2554
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人