意初-CSDN博客

uniapp踩坑之项目：简易版不同角色显示不一样的tabbar和页面。在uni_modules文件夹创建底部导航cc-myTabbar文件夹，在cc-myTabbar文件夹创建components文件夹，在components文件夹创建cc-myTabbar.vue组件。显示第几个tabbar，0是首页 1是财务 2是司机。pages下创建三个不同用户身份的“我的”页面。在utils文件夹创建tabBar.js。pages.json里指定路径。在单页面引入底部导航组件。

2024-02-05 14:54:00 1614

原创 vue2踩坑之项目：vue2+element实现前端导出

vue2踩坑之项目：vue2+element实现前端导出。安装插件依赖 npm i --save xlsx@0.17.0 file-saver@2.0.5，单页面引入前端导出插件

2024-01-18 22:13:10 548

原创 uniapp踩坑之项目：canvas第一次保存是空白图片

在ctx.draw()回调生成图片，参考canvasToTempFilePath接口文档。缓存二维码图片canvas路径，把画布转化成临时文件，保存临时文件路径到缓存

2024-01-18 22:04:59 1169

原创 vue3+elementPlus：el-drawer新增修改弹窗复用

vue3+elementPlus：el-drawer新增修改弹窗复用。在el-drawer的属性里设置:title属性，和重置函数。

2023-12-27 09:49:11 1572 4

原创 uniapp踩坑之项目：使用过滤器将时间格式化为特定格式

uniapp踩坑之项目：使用过滤器将时间格式化为特定格式，利用filters过滤器对数据直接进行格式化，注意：与method、onLoad、data同层级

2023-12-05 14:42:12 783

原创 uniapp踩坑之项目：隐藏显示密码功能

uniapp踩坑之项目：隐藏显示密码功能，1.input组件的password设置为动态前面加:冒号；2.动态切换眼睛图标使用:style

2023-11-09 16:52:52 1059

原创 vue3+elementPlus：el-progress进度条自定义颜色

vue3+elementPlus：el-progress进度条自定义颜色，在属性里有:color自定义回调函数。

2023-11-03 15:58:07 1061

原创 uniapp踩坑之项目：uniapp数字键盘组件—APP端

uniapp数字键盘组件—APP端/在components文件夹创建digitKeyboard文件夹，再创建digitKeyboard.vue。// 数字键盘组件在项目里main.js中配置如下代码。//main.js全局引入。

2023-11-03 15:51:28 849

原创 vue2踩坑之项目：Swiper轮播图使用

首先安装swiper插件，解决方法：npm 版本太高，切换一下就好了，引入Swiper，mounted里面调用

2023-10-08 14:40:14 923 2

原创 vue3+elementPlus：el-select选择器里添加按钮button

vue3+elementPlus：el-select选择器里添加按钮button，在el-select的option后面添加button

2023-10-08 14:26:13 2298

原创 vue3+elementPlus：element 面板的切换盒子的动态样式

vue3+elementPlus：element 面板的切换盒子的动态样式。style动态绑定一个函数，element 面板盒子样式，使用原生dom样式修改法

2023-10-08 14:23:14 182

原创 vue3+elementPlus：el-tree复制粘贴数据功能，并且有弹窗组件

因右键自定义菜单事件需要获取当前点击的位置，所以此处绑定动态样式来控制菜单实时跟踪鼠标右键点击位置。在tree控件里添加@contextmenu属性表示右键点击事件。

2023-10-08 14:17:00 1115

原创 vue2踩坑之项目：生成二维码使用vue-print-nb打印二维码

vue2踩坑之项目：生成二维码使用vue-print-nb打印二维码，import print from 'vue3-print-nb' directives: { print } //自定义指令中注册。vue3安装 npm install vue3-print-nb --save。vue2安装 npm install vue-print-nb --save。directives: { print} //自定义指令中注册。//vue2 引入方式全局 main.js。

2023-09-06 23:01:04 849

原创 vue2踩坑之项目：yarn无法加载文件 C:UsersAdministratorAppDataRoaming pmyarn.ps1，因为在此系统上禁止运行脚本

yarn:无法加载文件 C:UsersAdministratorAppDataRoaming pmyarn.ps1，因为在此系统上禁止运行脚本。2.执行：set-ExecutionPolicy RemoteSigned 选择Y后进行回车。3.查看执行策略：get-ExecutionPolicy 查看是否为RemoteSigned。1.开始菜单中搜索PowerShell以管理员身份打开。4.关闭窗口报错解决。

2023-08-25 09:19:06 139

原创 uniapp踩坑之项目：判断字符串长度自动调整选项卡宽度

uniapp踩坑之项目：判断字符串长度自动调整选项卡宽度，利用动态:class来判断字长调整选项卡uni-data-select宽度

2023-08-14 16:34:25 1549

原创 vue2踩坑之项目：v-if/else branches must use unique keys.

vue2踩坑之项目：v-if/else branches must use unique keys.error: v-if/else branches must use unique keys.if 与 else 的 key 不能相同，在else标签里的key逐步加1

2023-07-20 16:44:02 3150

原创 uniapp踩坑之项目：uniapp修改弹窗组件样式

uniapp踩坑之项目：uniapp修改弹窗组件样式.在components文件夹里创建zz-prompt文件夹，再在下面创建index.vue。在单页面home.vue里引入通知弹窗组件。

2023-07-07 09:40:18 1899

原创 git拉取失败，没有权限：Please make sure you have the correct access rights and the repository exist

git拉取失败，没有权限：Please make sure you have the correct access rights and the repository exist，提示错误显示为没有权限，主要是因为不同设备上的ssh公钥不同，导致git仓库公钥出现问题，需要重新重新生成ssh公钥即可解决。

2023-06-13 22:02:06 9926 4

原创 vue2踩坑之项目：＜template v-for＞ key should be placed on the ＜template＞ tag

vue2踩坑之项目： key should be placed on the tag.2.使用scope插槽的template被包裹使用v-for的template包裹。1.将template直接换成div。

2023-06-13 16:45:39 1209

原创 uniapp踩坑之项目：cover-view文本控件数据渲染出不来

uniapp踩坑之项目：cover-view文本控件数据渲染出不来。在html里用模板字符串正常写{{}}却出不来数据，用v-if进行节点重建即可

2023-06-02 13:23:40 580

原创 vue2踩坑之项目：vue-qr插件，报错You may need an appropriate loader to handle this file type

uniapp踩坑之项目：TypeError: Cannot read properties of null (reading ‘getAttribute‘)_意初的博客-CSDN博客。为完成生成二维码的功能，vue2引入vue-qr插件时，在页面引入报错You may need an appropriate loader to handle this file type的问题。vue2踩坑之项目：获取和操作动态 DOM 节点_意初的博客-CSDN博客。

2023-05-28 23:06:23 1538

原创 vue2踩坑之项目：获取和操作动态 DOM 节点

uniapp踩坑之项目：TypeError: Cannot read properties of null (reading ‘getAttribute‘)_意初的博客-CSDN博客。是因为数据没有取到就切换别的页面，造成dom渲染失效导致，需要利用v-if和页面生命周期进行判断。uniapp踩坑之项目：各端条件编译_意初的博客-CSDN博客。主要是获取动态的dom元素，利用:class属性类名加上index即可，然后js里queryselector获取并且加上index。

2023-05-28 22:57:51 872