林财钦 - 博客园

2024年8月1日

摘要： <div style="display: flex; justify-content: space-between; flex-wrap: wrap; "> <div class="item" style="background-color: aliceblue;"></div> <div clas 阅读全文

posted @ 2024-08-01 10:51 林财钦阅读(3168) 评论(0) 推荐(0)

flex布局之一行显示4个，如果多于4个，自动换行

摘要： <div class="container"> <div class="item" style="background-color: #f8b9b9">1</div> <div class="item" style="background-color: #f8300c">2</div> <div c 阅读全文

posted @ 2024-08-01 10:41 林财钦阅读(785) 评论(0) 推荐(0)

2024年7月31日

vue3 双向绑定 dialog

摘要：父组件: <ViewPopupForm v-model="isView"/> 如果不行就 <ViewPopupForm :isView="isView"/> 子组件： const emit = defineEmits(['update:modelValue']) const props = defi 阅读全文

posted @ 2024-07-31 14:30 林财钦阅读(12) 评论(0) 推荐(0)

2024年7月25日

EasyExcel 读取xls 监听行数据问题

摘要：需求：导入xls 文件需要判断是否空值，时间格式是否问题监听器 class ExcelListener extends AnalysisEventListener<RevWaterUserDocAndUserPayImportExl> { public ExcelListener(List<Re 阅读全文

posted @ 2024-07-25 16:08 林财钦阅读(108) 评论(0) 推荐(0)

Vue2 el-table 合并第一列单元格

摘要：需求：名字一样的合并单元格前端思路：方法一 // 处理表格数据，将同一名称的数据进行组合 // tableData 是请求后端返回的List<对象> handleData(tableData) { debugger const keys = [] // 唯一值的数组 tableData.forEa 阅读全文

posted @ 2024-07-25 15:51 林财钦阅读(888) 评论(2) 推荐(0)

2024年7月5日

Vue3 的 provide / inject 使用[爷孙通信]

摘要：在组合式 API 中使用 provide/inject，两个只能在 setup 期间调用，使用之前，必须从 vue 显示导入 provide/inject 方法。 provide 和 inject 通常成对一起使用，使一个祖先组件作为其后代组件的依赖注入方，无论这个组件的层级有多深都可以注入成功，只阅读全文

posted @ 2024-07-05 15:20 林财钦阅读(198) 评论(0) 推荐(0)

vue3 父子组件双向绑定

摘要：父组件 ParentComponent.vue  <template> <div> 子组件输入的数据 <p>Parent Value: {{ parentValue }}</p> 父输入框 <input v-model="parentValue 阅读全文

posted @ 2024-07-05 11:17 林财钦阅读(315) 评论(0) 推荐(0)

node-sass 依赖包无法安装的解决方法

摘要：一、问题描述重装 Node 后，重新启动项目，报错未找到 node-sass 模块试过各种 npm方法后依然无效，于是放弃安装。网上常见的解决方法使用 cnpm ：cnpm install node-sass --save（失败）指定镜像源：npm i node-sass --save - 阅读全文

posted @ 2024-07-05 09:58 林财钦阅读(270) 评论(0) 推荐(0)

vue2和vue3自定义指令实现只读模式，禁止用户编辑

摘要：解决代码表单组件大量disable的麻烦，实现只读。只需要在需要的地方加上v-read-only即可达到只读效果，快捷方便。实现思路父元素下添加一个遮罩层元素遮罩层元素的显示隐藏由参数决定要想简单快捷的实现，最好用的就是写一个遮罩层，通过遮罩来隔绝用户的操作。原始代码如下： <templa 阅读全文

posted @ 2024-07-05 09:48 林财钦阅读(553) 评论(0) 推荐(0)

2024年7月4日

vue3父组件调用子组件方法

摘要：父组件：通过ref获取子组件实例 <template> <div style="text-align:center"> <button @click="callChildMethod">点击获取子组件数据</button> <div> 获取到子组件的数据如下: <div> {{childData}} 阅读全文

posted @ 2024-07-04 15:33 林财钦阅读(2966) 评论(0) 推荐(0)

独而不孤