摘要: 最近一个项目里有个前端绘制家谱图的需求,大概是下面这个样子: 组件源码如下 <template> <table v-if="treeData.name"> <tr> <td :colspan="Array.isArray(treeData.children) ? treeData.children. 阅读全文
posted @ 2024-09-21 20:25 haonanElva 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 遇到的问题:el-cascader打开的选择框只能点击圆点才能被选中,点击文字并不能选中 通过 组件库配置项popper-class来实现 class上面写样式:注意不能是scoped的样式隔离, <style rel="stylesheet/scss" lang="scss"> .cascader 阅读全文
posted @ 2024-09-20 14:49 haonanElva 阅读(21) 评论(1) 推荐(1) 编辑
摘要: vue-element-admin关闭当前标签页 // 调用全局挂载的方法-在需要关闭当前路由的页面 2 this.$store.dispatch('tagsView/delView', this.$route) 阅读全文
posted @ 2024-09-19 11:37 haonanElva 阅读(141) 评论(0) 推荐(0) 编辑
摘要: echarts 图标直接设置宽度 100% 会默认魏100px,需要自适应方法如下 图标html <el-col :span="8"> <div id="userNianling_three" style="width: 100%; height: 500px;" /> </el-col> date 阅读全文
posted @ 2024-08-07 13:11 haonanElva 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 有时候需要动态创建上传框,这样就要求上传成功后数据要根据地方去赋值 <el-upload class="avatar-uploader" :headers="config" :action="upLoadUrl" :show-file-list="false" :data="item" :on-su 阅读全文
posted @ 2024-07-27 16:31 haonanElva 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 1.web-view向App传递消息 官网对于uni-app使用web-view的介绍如下:web-view 注意事项提到postMessage方法,这就是web-view向App传递消息的方法,使用如下: 注意H5本身不支持uni-app里面的方法,所以在项目中引入支持调用uni-app方法的库 阅读全文
posted @ 2024-07-17 12:31 haonanElva 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 现在很多手机类iPhoneX以上手机,都会有下面那条黑色的线。 当我们需要做一个类似于悬浮底部tabbar导航的时候就会出现被覆盖的情况。 那么如何解决这个问题呢? 需要吸在底部的 position:fixed的标签写上 calc(env(safe-area-inset-bottom) / 1.7) 阅读全文
posted @ 2024-07-08 16:26 haonanElva 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 解决uni-app在App端上传图片时路径转Base64的问题 在用uni-app开发项目的时候大家都会遇到这么一个问题,就是上传图片时在App上拿到的是文件路径,然而后端要接收的却是Base64字符串,这就尴尬了,在App端又无法调用Web Api(例如:Blob fileReader 等),自己 阅读全文
posted @ 2024-03-11 13:14 haonanElva 阅读(472) 评论(0) 推荐(0) 编辑
摘要: 图片上传之前的处理(添加水印);可以是上传图片到后台也可以是到OSS 原理都是一样 beforeUpload(file) { return new Promise((resolve, reject) => { // 1.调用方法1: 把文件转换为base64字符串 fileByBase64(file 阅读全文
posted @ 2024-03-09 21:12 haonanElva 阅读(1159) 评论(0) 推荐(0) 编辑
摘要: 检测是否有推送权限 // #ifdef APP-PLUS || MP-WEIXIN /** * 判断 App 推送权限是否开启 */ function judgeAppPermissionPush(): boolean { const notificationAuthorized = uni.get 阅读全文
posted @ 2024-02-28 12:41 haonanElva 阅读(635) 评论(0) 推荐(0) 编辑