- 博客(84)
- 收藏
- 关注
原创 ProTable中columns是从接口请求返回的数据
ProTable中columns是从接口请求返回的数据,注意要加上if判断,只是用nexttick仍然不能正确显示出列名。
2024-12-23 19:40:57
234
原创 element-plus框架中如果用button有时会跳出刷新
项目中使用的是element-plus框架,里面如果用button有时会跳出刷新,问题很奇怪调了半天,最后是要用el-button按钮才不会有问题,不能用原生button。<el-button @click="downloadImage">下载</el-button>
2024-11-08 16:24:03
127
原创 在Vue3中使用 tsx / jsx + 插槽 (element-plus中的tsx写法与插槽)
在Vue3中使用 tsx / jsx + 插槽 (element-plus中的tsx写法与插槽)
2024-08-27 15:43:08
514
原创 vue3+ts el-table 鼠标移动到某单元格内时就显示 tooltip
el-table-column prop="date" label="日期" width="180"></el-table-column>在Vue 3和Element Plus中,要在鼠标移动到表格某个单元格上时显示tooltip,可以使用。对象中对应列的显示状态。这样,当鼠标移入单元格时,对应的tooltip就会显示出来。方法分别在鼠标移入和移出单元格时设置对应列的tooltip显示状态。响应式对象来跟踪每列的tooltip显示状态。插槽自定义列模板,并在模板内部包裹了。属性绑定当前单元格的内容,
2024-08-27 14:16:09
1102
原创 Vue3+TS Element Plus 中Table同时只能展开一行且能关闭
row-key="" //设置行的唯一标识,用于配合expand-row-keys使用,(行的唯一标识 expand-row-keys存放的值就是行的唯一标识):expand-row-keys="" //设置当前展开行,要求值为数组(白话就是 存放在这个数组的ID会在页面中展开,没有就不会展开)el-table 有展开行功能,但是展开多行并不好看,所以需要设置 expand只展开一行,用expand-change可以实现。它就是根据每一行的 数据的 第一列 id参数不同 所展开的行不同。
2024-08-27 13:21:40
540
原创 关于el-table的扩展表格expand
el-table-column width="35" type="expand" :align="'center'"> 正常用width修改即可,默认不给width有时候会很宽。
2024-08-26 13:41:10
737
原创 给el-table表头修改颜色,用css样式的方法调整
header-row-class-name="childHeader" ,这是给tr行添加的类名。这样才能把设置在th行内的默认style样式覆盖掉。2、样式部分的代码如下。1、首先在表格中添加。
2024-08-20 16:39:14
754
原创 el-table表格折叠时,点某行的折叠按钮时子行内容全展开问题,想做到点哪行哪行的子内容才展示
el-table表格折叠时,点某行的折叠按钮时子行内容全展开问题,想做到点哪行哪行的子内容才展示
2024-08-20 10:13:13
581
原创 filter的语法踩坑
注意里面的 item.groupId == this.item.groupId 如果只有一行代码,不要套大括号{},如果套大括号{},需要有return。
2023-12-14 16:43:59
191
转载 微信小程序 width 100% 加 margin 或 padding 溢出屏幕
方案1:fill-available + margin。方案2:box-sizing + padding。
2023-12-12 10:12:29
602
原创 TypeError: Cannot read property ‘sendpost‘ of undefined
箭头函数指向问题,定义let that = this 解决。
2023-11-23 18:03:09
484
原创 微信小程序获取微信昵称 type=“nickname“ 点击后,获取不到最新值,第一次的值得不到
是开发工具的问题,真机运行没有问题,大家不用纠结。
2023-11-22 10:32:39
1111
2
原创 flex布局在多层嵌套时,内层设置了justify-content: space-between;不生效问题
内层的地址和时间这一行,设置了justify-content: space-between;但并不生效,原因是要在上一层.center 设置 flex:1;经常忘记,特在此记录一下,以下是代码。
2023-10-11 17:03:01
960
原创 vue 置顶
this.dataList.splice(index,1) this.dataList.unshift(item) item.topFlag = true
2023-10-08 17:36:05
192
原创 vue 删除数组、list中的元素 filter
let data=[{id:1,name:'张三'},{id:2,name:'李四'},{id:3,name:'王五'}];//index 当前元素索引;1:需要删除的元素个数。方法一:使用 filter过滤。if(item.name=='张三')方法二:使用 splice 移除。
2023-10-08 16:30:06
1790
原创 uniapp uni.showToast 一闪而过的问题
问题:在页面跳转uni.navigateBack()等操作的前或后,执行uni.showToast,即使代码中设置2000ms的显示时间,也会一闪而过。解决:用setTimeout延后navigateBack的执行。
2023-10-04 11:19:56
2152
原创 uniapp如何判断是哪个(微信/APP)平台
其实大家在开发uniapp项目的时候长长会遇到这样一个问题,就是针对某些小程序,没发去适配相关的功能,所以要针对不同的平台,进行不同的处理。#ifndef : if not defined 在除里该平台的其他编译。#ifdef : if defined 仅在某个平台编译。#endif : end if 结束条件编译。
2023-09-24 09:35:08
2978
原创 当px单位在浏览器F12切换移动端显示时尺寸非常小的情况
当px单位在浏览器F12切换移动端显示时尺寸非常小的情况,可以使用。移动端html标准视口模板,加在<head></head>里。
2023-09-21 11:16:48
295
1
原创 .uni-forms-item 样式在小程序中不起作用
.uni-forms-item 样式在小程序中不起作用,在前面加上::v-deep::v-deep .uni-forms-item { margin-bottom: 38rpx; padding: 0rpx 30rpx; }
2023-09-19 16:33:23
997
1
原创 小程序中tap或click不起作用
在app中好使的事件,在小程序中tap或click不起作用,经调试最终发现是层级问题,修改z-index就可以了。
2023-09-18 16:51:29
1208
原创 input点击事件只在右侧图标位置,如何扩大点击事件范围
这里的 style="pointer-events:none" 可以在input或easyinput框禁用状态下,将点击事件完整覆盖。
2023-08-29 17:06:27
645
原创 uniapp在pages.json中配置原生右上角图标
加老板</text><u-icon color="#333333" name="plus"></u-icon><text class="item"> 加管理</text><u-icon color="#333333" name="plus"></u-icon><text class="item"> 加分包
2023-08-17 09:41:35
1577
原创 在页面中动态修改pages.json中的右上角按钮样式titleNView
【代码】在页面中动态修改pages.json中的右上角按钮样式titleNView。
2023-08-02 14:14:31
340
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人