摘要: 一、创建与发布 我们可以将自己开发的工具包发布到npm服务上,方便自己和其他开发者使用,操作步骤如下:1.创建文件夹,并创建文件index.js砸死文件中声明函数,使用module.exports暴露2.npm初始化工具包,package.json填写包的信息(包的名字是唯一的)3.注册账号 htt 阅读全文
posted @ 2024-06-09 11:20 土豆儿哥 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 在做电商小程序的时候我们经常会遇到商品详情页面,商品描述富文本内容为一些大图、长图,加载起来异常缓慢的问题。 刚开始我们也是用的npm安装组件包: npm install mp-html 在需要使用页面的 wxml 文件中添加 <mp-html content="{{html}}" /> 这种方式可 阅读全文
posted @ 2024-04-23 10:27 土豆儿哥 阅读(223) 评论(0) 推荐(0) 编辑
摘要: 关闭tailwindcss的默认样式 // tailwindcss.config.cjs中加入这段 corePlugins: { preflight: false // 关闭默认样式 } 阅读全文
posted @ 2024-03-05 14:13 土豆儿哥 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 有个低代码平台项目,需求是要将canvas画布上的echarts图表等组件截图保存,如果是正常比例(也就是百分百比例)截图是正常的,但如果画布处于缩放状态进行截图的话就会因组件上的一些样式影响而导致截图不全。为了解决这一问题,在网上也查找了很多资料,终于找到解决办法,亲测有效。 话不多说,上代码: 阅读全文
posted @ 2023-10-16 10:09 土豆儿哥 阅读(1609) 评论(2) 推荐(0) 编辑
摘要: 记录一个报错问题,之前别的同事写的代码,还看了半天有点无语!! 下拉选择部门,联动动态赋值责任人下拉列表警告,导致选择责任人的时候无法正确赋值undefined。 究其原因是封装的表单formItem项中传入了下拉选项的映射字段,如下: 而在选择部门的时候又已经把动态数据遍历处理成了标准的label 阅读全文
posted @ 2023-05-31 10:44 土豆儿哥 阅读(1677) 评论(0) 推荐(0) 编辑
摘要: 核心代码如下: <!-- 表格 --> <template> <el-table :data="testDatas" @header-contextmenu="(column, event) => rightClick(null, column, event)" @row-contextmenu=" 阅读全文
posted @ 2023-05-19 10:00 土豆儿哥 阅读(794) 评论(0) 推荐(0) 编辑
摘要: 先上图 如何在我们切换tab标签的时候,缓存标签最后操作的内容,简单来说就是每个标签页中设置的比如搜索条件及结果、分页、新增、编辑等数据在切换回来的时候还能保持原样。 看看keep-alive是如何实现该功能的。 首先我们要了解keep-alive的基本使用。 具体介绍请查看官方文档(https:/ 阅读全文
posted @ 2023-04-23 09:51 土豆儿哥 阅读(1995) 评论(0) 推荐(1) 编辑
摘要: 使用vue变量来控制侧边栏宽度 不受窗口大小影响 <template> <div class="page"> <div class="top">顶部导航</div> <div id="box"> <div id="left"> 主界面 </div> <div id="resize"></div> < 阅读全文
posted @ 2023-01-05 16:45 土豆儿哥 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 首先是要安装antv G6插件 安装命令: npm install --save @antv/g6 Vue页面开发: <template> <div id="container"></div> </template> <script lang="tsx" setup> import { onMoun 阅读全文
posted @ 2023-01-04 17:18 土豆儿哥 阅读(599) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2022-09-16 16:29 土豆儿哥 阅读(0) 评论(0) 推荐(0) 编辑