- 博客(45)
- 收藏
- 关注
原创 【vue3 + element plus 】拖动排序实现(只能拖拽一次的问题、拖动后的位置不准确问题)
因为重新渲染后,附加的拖拽事件丢失,所以需要置空来解决table只能拖拽一次的问题。缺失会导致拖动后的位置不准确。
2024-06-18 16:51:50
781
1
原创 el-upload点击在线预览图片、el-image点击在线预览大图以及图片下载
el-upload在线预览 、el-image在线预览和下载
2022-06-01 14:58:55
4772
1
原创 浙政钉中使用new Date()实例得到Null和NaN的坑
浙政钉专有钉环境中得到的start和end是空的,而这个写法在浏览器中是可以的之后改成了dayjs获取日期,正常使用。至于原因,等我技术组长出差回来我再来补 2333332…(我太菜了,我不知道为啥)...
2022-05-18 13:37:26
222
原创 如何添加关闭el-drawer功能
在方法中加入this.$refs.drawerRefName.closeDrawer()其中drawerRefName是抽屉ref属性值
2022-05-14 13:34:27
2180
原创 web端背景自适应
<div class="wapper"> <div class="header" /> <div class="contain" /></div>.wapper { height: 100vh; width: 100vw; background: url('../../../assets/images/bg-1X.png') no-repeat; background-size: cover;}.header { heig
2022-05-06 11:23:56
315
原创 css ::before伪元素和三目运算实现单选色块
老样子,先放效果图击切换单选框html部分 <p> <span :class="!isSelected ? 'background-blue' : 'background-white'" @click="changeSelected(1)">夜间</span> <span :class="isSelected ? 'background-blue' : 'background-white'
2022-04-28 16:41:06
705
原创 echarts折线图x轴垂直对齐,y轴对齐数值,网格变虚线,x轴折线背景渐变,改变折线图长宽,饼图上下分布和左右分布,条形图上下分布
echarts折线图x轴垂直对齐,y轴对齐数值,网格变虚线,x轴折线背景渐变,改变折线图长宽,饼图上下分布和左右分布,条形图上下分布
2022-04-27 16:17:48
2823
原创 前端进入页面时滚动到指定位置Cannot read property ‘scrollIntoView‘ of null问题
需求:从A页面进入B页面,窗口停在B页指定面id位置
2022-04-25 16:13:38
2968
1
原创 VUE上传gitignore文件设置
.DS_Storenode_modules/dist/local env files.env.local.env.*.localLog filesnpm-debug.log*yarn-debug.log*yarn-error.log*yarn.lockpackage-lock.jsonEditor directories and files.idea.vscode*.suo.ntvs*.njsproj*.sln.sw
2022-04-25 09:35:59
1572
原创 钉钉移动端和PC端免登实现
放个官方网址然后进入正题。以移动端为例。1.在需要免登页面先引入import dd from 'gdt-jsapi'import { mapMutations } from 'vuex'import { setToken } from '@/utils/auth'这其中涉及到的auth.js代码import Cookies from 'js-cookie'const TokenKey = 'Admin-Token'const roleName = 'Admin-Role'expo
2022-03-15 16:58:11
1422
2
原创 el-select获取userid和uesrname分别赋值
getIdAndName (val) { // 根据val,即原来数组的userid找出选中的obj const obj = this.authors.find((item) => { return item.userid === val }) this.form.author = obj.username},<el-select v-model='form.userid' value-key="userid" @change="getIdAndName
2022-03-09 14:51:32
411
原创 作为一个前端在idea上跑后端代码
第一次在自己电脑上跑,记录一下。导入成功之后1.在setting中修改maven配置。包括maven版本和setting.xml文件地址。其中,maven下settings文件中仓库路径可以改一下2.然后遇到了一个有关servlet.filter的错误。是tomcat模块调用方式不当引起的,在project structure下修改和tomcat相关的几个模块的scope的provide修改为compile。3.最后run一下main文件...
2022-02-23 15:23:50
1463
原创 【Android Studio】安卓项目从旧电脑的AS迁移到新电脑的AS
安卓的工程要换一台电脑去写,要重新配环境和依赖,想到第一次配环境被折磨的不轻,这一次就记录一下1、先把项目里的几个原配置文件删掉2、 在新电脑建一个empty activity,找到build.gradle文件里的gradle版本改到导入的项目中去3、跑起来发现提示Minimum supported Gradle version is 7.0.2. Current version is 6.8的问题解决:把新项目的gradle和.geadle两个文件放进要导入的项目中来4、配置依赖下载源把不
2022-01-05 15:19:59
2621
原创 [Vue]使用keep-alive第一次失效,第二次进入才正常
从’home‘返回到’summary‘的时候保持页面不刷新最开始使用路由护卫(BeforeRouteLeave和beforeLeave)以及在页面路由中设置meta下keepAlive参数来控制keep-alive组件的显示。但是在第一次进入的时候页面仍然刷新,第二次今进入才会生效,找了半天为什么这样,索性把这些都拆了,直接使用监听,在根页面按照路由跳转的to和from来判断是否需要keep-alive生效。直接在app.vue路由监听就行代码提交后想到,为了节省资源其实可以再keep-alive
2022-01-04 13:40:00
3485
原创 关于git的一些使用
迷迷糊糊搞不懂怎么git怎么传本地的仓库的项目,老是从头开始。以下是简单版的上传本地的方法1、 在git上新建project,在本地仓库根目录右键----“git bash here”2、黑框里输入 git init3、输入 touch .gitignore 选择要不上传的文件其中.gitignore内容怎么写:简单文件夹格式 /dist/文件要加后缀 .idea 、cache.json、.git4、 git remote add origin git@192.xxx.x.xx
2021-10-11 11:14:44
82
原创 Call requires API level 19 (current min is 16): `android.provider.DocumentsContract#getDocumentId`解决
改成对应版本
2021-07-22 14:18:16
472
1
原创 关于广播实现强制下线
一、强制下线的主要思路:弹出对话框-界面不可操作-点击对话框-结束活动-返回登录界面二、实现创建ActivityCollector用于管理所有活动。包括添加、移除、结束所有进程操作创建BaseActivity,作为所有活动的父类。包括初始化和销毁活动写登录界面。大布局LinearLayout为纵向,其中有两个LinearLayout和一个button,一个写账户名,包括textView和editText;另一个写密码,且输入类型inputType设置textpass类型;buton设置登录操作。
2021-07-13 10:02:00
167
原创 android应用 | 编写一个聊天界面
1. 导入依赖2. 编写主界面activity_main.xml包含recyclerview、文本编辑框和按钮。其中recyclerview用于显示和隐藏已发送的消息。<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout
2021-07-08 17:03:36
198
原创 RecycleView点击事件
接上一篇。recycleView需要我们自己给子项目具体的View去注册点击事件。修改FruitAdapter static class ViewHolder extends RecyclerView.ViewHolder{ //添加fruitView保存子项最外层布局的实例,把image和text包起来。之后在oncreateviewholder方法中注册点击事件 View fruitView; ImageView fruitImage; TextView fruitN
2021-07-07 16:01:33
339
原创 关于RecyclerView布局
看完有点蒙,就自己再梳理整理一下。配置依赖implementation 'androidx.recyclerview:recyclerview:1.0.0'配置activity_main.xml<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="mat
2021-07-07 13:53:52
280
原创 使用cyclerView时出现Cannot resolve class android.support.XXX问题
由于android.support的V4、V7版本号混乱冲突导致的,可直接改用androidx。Androidx和support关系androidx 是对 android.support.xxx 包的整理后产物。由于之前的support包过于混乱,所以,google推出了androidX。新的Android扩展库(AndroidX)取代了使用七年之久的Android支持库,旨在简化相关工作,并为该库未来的发展打下坚实的基础。Android支持库允许开发人员在旧版本的Android上支持新的OS特
2021-07-06 16:36:55
2979
2
原创 VUE返回上一个页面保持页码和内容不刷新
从S页面到C页面,C页面再返回S页面,要保证S页面没有刷新返回内第一页。在跳转到C页面的router-link设置,页面跳转的时候携带当前页码。//nowpage为S页面需要保持的参数<router-link :to="{path: 'C页面router地址',query: {nowpage: nowpage}}" >在C页面返回S页面的动作中:判断有传递过来的page参数,就把参数在传回去;没有参数传过来就返回上一级if(this,$router.query.nowpage)
2021-07-02 15:20:52
1687
原创 VUE项目实现动态修改请求的服务器地址
VUE项目实现动态修改请求的服务器地址同一个项目需要部署在不同服务器上,每次部署需要更改IP后打包,非常麻烦,就想写一个打包后还可以修改ip的方法。在index.html中用window自带的方法写被请求的IP地址window.IPConfig = { //此处的IP在打包不会被编译,可修改 baseURL: "192.168.1.94:8080" }在项目中需要引用的js文件中可直接使用。request.js中请求地址使用形式为:‘baseURL’: 'window.IPConfig.
2021-07-02 14:58:43
4358
4
原创 《第一行代码(第二版)》学习中百分比布局依赖导入问题
《第一行代码(第二版)》百分比布局依赖导入问题无法导入‘com.android.support.percent‘(百分比布局依赖库)的解决方法无法导入‘com.android.support.percent‘(百分比布局依赖库)的解决方法在按照《第一行代码:android(第二版)》学习百分比布局时,出现了无法导入百分比布局依赖库的问题,原因有以下几点:1.AS已经不推荐使用compile导入依赖库2.由于引入的第三方依赖库依赖了androidx ,而自己本身的库又是依赖的support ,导致两者
2021-06-30 15:44:46
99
原创 icon样式设置
icon样式设置 <router-link :to="'/#/'" style="text-decoration: none"> <i class="iconfont"></i>```<el-button size="mini"> <router-link :to="'/analysis/' + scope.row['taskId']">
2021-04-26 15:05:52
598
原创 使用v-for完成图标单选三选一
使用v-for完成图标单选三选一中心思想:true时显示被选中状态的图,false显示未被选中的图,且只能存在一个true,可以有多个false//定义初始状态export default { name: "App", data() { return { cumDuration: true, useTime: false, defectsNum: false, };//img在未被选中时才需要actived,所以方法要写在变量==fals
2021-04-22 16:38:22
207
原创 element-ui表格背景透明
element-ui表格背景透明主要需要这两处设置.el-table th{}.el-table tr, .el-table td{}.el-table th{ /* color: #ffffff; 字体颜色 */ /* font-size: 16px; */ background-color: transparent !important;/* 背景透明 */ border: 0; /* height: 30px; line-height: 30p
2021-04-15 16:51:26
692
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人