摘要: 最近在项目中遇到了需要实现一个类似于excel功能的需求,同时需要实现excel的导入导出以及打印功能。接下来介绍一下使用luckysheet的过程以及过程中遇到的一些问题以及解决方案。 1. 使用 1.1 引入 lucky是一个比较老的项目,所以引入方式建议使用全局方式引入。虽然也有npm包,但是 阅读全文
posted @ 2024-07-10 16:41 Cxymds 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 本质上还是js的拖拽API,也可以使用原生的drag系列函数(dragstart、drag、dragend、dragover、drop、dragleave)实现。这里介绍使用sortablejs 插件快速实现拖拽排序这个功能。 1. 安装sortablejs 官网(https://sortablej 阅读全文
posted @ 2024-06-18 11:20 Cxymds 阅读(96) 评论(1) 推荐(0) 编辑
摘要: vue中echarts hooks的封装,监听主体的变化,监听窗口大小的变化。监听元素大小的变化 hooks import echarts from '@/echart/themeInit' import { debounce } from '@/utils/dehounce' import { u 阅读全文
posted @ 2024-01-26 09:52 Cxymds 阅读(74) 评论(0) 推荐(0) 编辑
摘要: js封装的防抖函数 /** 防抖函数 * @param {Function} func * @param {number} wait * @param {boolean} immediate * @return {*} */ export function debounce(func, wait, 阅读全文
posted @ 2024-01-26 09:46 Cxymds 阅读(54) 评论(0) 推荐(0) 编辑
摘要: el-table表格合并实现都是使用表格的span-method属性绑定操作函数 <el-table :data="table.data" :span-method="objectSpanMethod" > </el-table> 操作函数格式 const objectSpanMethod = ({ 阅读全文
posted @ 2023-12-08 09:13 Cxymds 阅读(253) 评论(0) 推荐(0) 编辑
摘要: vue 指令 vue 本身具有一些指令,但是有些指令是 vue 作者自己写的,有些是第三方插件写的。 v-if v-if 指令是用来控制元素是否显示的,如果值为 true,则显示,如果值为 false,则隐藏。 <div id="app"> <p v-if="isShow">我是显示的内容</p> 阅读全文
posted @ 2023-11-27 17:14 Cxymds 阅读(85) 评论(0) 推荐(0) 编辑
摘要: 1. 需求 需求:实现一个 el-tabs 的权限控制,只有管理员才能操作,普通用户既看不到也不能操作 2. 分析 一般要实现按钮权限控制都是使用封装指令 v-permission 指令,但是类似“Tabs”这类组件不能使用 v-permission 指令实现权限控制。 因为 v-permissio 阅读全文
posted @ 2023-11-27 17:12 Cxymds 阅读(96) 评论(0) 推荐(0) 编辑
摘要: import store from '@/store/index.js' function loginOut() { uni.showToast({ title: '登录失效,请重新登录', icon: 'none' }) setTimeout(() => { uni.clearStorage() 阅读全文
posted @ 2023-11-23 11:49 Cxymds 阅读(990) 评论(0) 推荐(0) 编辑
摘要: 在小程序登录时按照政策要求必须要提醒用户阅读服务协议以及隐私协议,例如 这种情况下必须先勾选才能够点击一键登录,否则就会进行弹窗提示。 <button type="primary" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" 阅读全文
posted @ 2023-11-23 10:31 Cxymds 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 1. 使用 location.reload() 方法可以简单地实现当前页面的刷新,这个方法会重新加载当前页面,类似于用户点击浏览器的刷新按钮。 需要注意的是,该方法会重新加载整个页面,如果想要对页面局部进行刷新,可以考虑使用 Vue 自身的一些特性,比如通过设置组件的 key 属性实现组件的更新,或 阅读全文
posted @ 2023-10-23 16:19 Cxymds 阅读(150) 评论(0) 推荐(0) 编辑