自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(77)
  • 收藏
  • 关注

原创 vue+echarts:echarts地图页面跳转

vue+echarts:echarts地图页面跳转,在setOption的平级写点击事件,给chart添加click监听

2024-08-21 14:37:32 394 1

原创 uniapp踩坑之项目:uni-table垂直居中和水平居中

uniapp踩坑之项目:uni-table垂直居中和水平居中。uni-table 中的水平居中uni-td align="center"

2024-07-15 11:29:58 763

原创 vue2+echarts:echarts在dialog弹框中不显示的解决方案

vue2+echarts:echarts在dialog弹框中不显示的解决方案。重点是@open方法里使用$nextTick拿到最新的dom,在里面加载echarts

2024-06-13 20:15:41 677

原创 uniapp踩坑之项目:uni-app实现下拉框多选

uniapp踩坑之项目:uni-app实现下拉框多选。一、首先创建组件,二、将组件引入单页面使用

2024-05-08 09:44:41 3255 2

原创 vue3+elementPlus:el-input输入框设置数字小数点

vue3+elementPlus:el-input输入框设置数字小数点。el-input-number

2024-05-08 09:37:06 1074

原创 vue3+echarts:echarts地图打点显示的样式

vue3+echarts:echart 地图,打点显示的样式。colorStops是打点的颜色和呼吸灯、label为show是打点是否显示数据、rich里cnNum是自定义的过滤模板用来改写显示数据的样式。

2024-04-03 22:09:22 531

原创 vue3+elementPlus:实现数字滚动效果(用于大屏可视化)

vue3+elementPlus:实现数字滚动效果。自行封装注册一个公共组件,或拉取vue-count-to插件源码,因为这个插件在vue3里不能用

2024-04-03 22:02:42 2108

原创 uniapp踩坑之项目:uni.previewImage简易版预览单图片

uniapp踩坑之项目:uni.previewImage简易版预览单图片,主要使用uni.previewImage

2024-03-08 16:23:42 1771

原创 vue3+elementPlus:el-table-column表格列动态设置单元格颜色

vue3+elementPlus:el-table-column表格列动态设置单元格颜色,:cell-style属性。

2024-03-08 09:01:09 2471

原创 vue3+echarts:Vue中使用echarts从后端获取数据并赋值显示

vue3+echarts:Vue中使用echarts从后端获取数据并赋值显示,echarts异步加载,获取后端数据

2024-02-05 15:06:00 2664

原创 uniapp踩坑之项目:简易版不同角色显示不一样的tabbar和页面

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

原创 uniapp踩坑之项目:TypeError: Cannot read properties of null (reading ‘getAttribute‘)

是因为数据没有取到就切换别的页面,造成dom渲染失效导致,需要利用v-if和页面生命周期进行判断。uniapp踩坑之项目:各端条件编译_意初的博客-CSDN博客。

2023-05-09 23:59:35 1245

原创 uniapp踩坑之项目:各端条件编译

在 H5 平台或微信小程序平台存在的代码(这里只有||,不可能出现&&,因为没有交集)微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ小程序。除了 H5 平台,其它平台均存在的代码。仅出现在 App 平台下的代码。

2023-04-23 22:53:10 835

原创 JS:数组常用api

JS:数组常用api。

2023-04-03 18:44:03 132

原创 vue3+elementPlus:el-dialog弹窗内容在其内部滚动,自己位置不随内容改变

vue3+elementPlus:el-dialog弹窗内容在其内部滚动,自己位置不随内容改变

2023-03-02 15:23:59 1645

原创 vue3+elementPlus:表格复制功能

在el-table里创建cell-click事件,再在表格操作按钮加上.stop阻止冒泡行为。

2023-02-16 10:51:53 1353

原创 vue3+elementPlus:每次进入页面,懒加载的el-tree控件数据要局部刷新

【代码】vue3+elementPlus:每次进入页面,懒加载的tree控件数据要实时刷新。

2023-01-10 15:30:52 1455

原创 uniapp之列表加载更多数据

触发事件onreachbottom,和onLoad等生命周期同级,页数加载时将变量传给接口再返回页数。 if (this.page >= this.total) { console.log('判断当前页数是否大于等于总页数')

2022-12-27 11:05:19 1087

原创 uniapp踩坑之项目:引入echarts可视化图表

echarts适配uni-app,支持大部分平台,体验原汁原味echarts配置。echarts for uniapp - DCloud 插件市场。在插件市场里导入项目里,

2022-12-14 16:46:28 591 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除