- 博客(91)
- 收藏
- 关注
RSS订阅原创 el-tree选中当前节点时，当前节点的父级、子级不能选/节点区内容自定义/寻找当前节点的前辈
el-tree选中当前节点时，当前节点的父级、子级不能选/节点区内容自定义/寻找当前节点的前辈
2022-10-10 17:22:11
1249
1
原创 el-table选框选中和整行选中
1、点击整行时触发的事件 @row-click2、获取列表选中的数据一定要用@select-change，不能用@select，因为@select只有点每行前面的选框才会触发这个事件，而@select-change不管选择任意地方都能选中并且触发它，用来接收选中的数据。3、handleSelectable 有些数据不能被选中，需要禁用 <el-table ref="multipleTable" :data="tableData" toolt
2022-04-25 09:46:35
8641
2
原创 如何在微服务修改引用主工程封装的组件样式（集成开发）
问题：集成开发由一个主工程项目和多个微服务项目组成，主工程封装很多组件，在各个微服务可以直接使用，有时在微服务使用样式可能与封装好的组件不太一样，需要调整样式。核心html部分el-form包含5个el-form-item，要屏蔽第一个el-form-item解决办法：this.$refs.hqVisibleRef.$refs.reviewInfoForm.$children[0].$el.style.display = 'none' })解释：hqVisibleRef是微服务引入主工程的组件自定义
2022-03-16 11:23:47
114
原创 eslint格式自动保存格式化
背景多人开发为了统一代码格式，需要所有开发人员安装eslint插件，但是eslint格式比较麻烦，对格式很严格，如果格式校验不过，代码会报错，项目跑起来，有时候很难找出问题所在，这时我们需要工具帮我们自动检测格式并修正格式。项目安装eslint（package.json)"@vue/cli-plugin-eslint": "^4.0.0","@vue/eslint-config-standard": "^4.0.0","babel-eslint": "^10.0.3","eslint":
2021-12-13 16:34:35
2378
原创 请求接口过程需要loading（学习笔记）
请求接口过程需要加载图标，一定要在请求成功或者失败内的函数内隐藏掉加载图标，不能直接在外面写。不然请求还在等待中，加载图标就没有了。librarySignatureDetail () { this.loading = true let params = { id: 1 } API.detail(params) .then(res => { this.basicIn.
2021-11-24 17:51:21
2875
原创 eslint是个讨厌鬼，容易导致vscode编译错误（去除多余空格）
团队合作开发，需要大家统一规范，这是大家会想到用eslint规范代码，使用eslint容易运行报错，主要是格式不对哪怕是标签前后多了空格或tab键也会编译报错，这时我们需要去除多余的空格。vscode编辑器可以自动去除多余的空格，需要我们配置。vscode：文件 -> 首选项 -> 设置输入框输入：trimTrailingWhitespace 对勾...
2021-11-24 11:02:13
1180
原创 修改elementui表格label和表单label
很多人在开发过程中，官方给的样式不符合设计图或者不符合需求，这是需要修改样式。表单、表格修改label，需要用到slot属性，不多说，直接上代码比较直观些。// 官方写法 <el-table-column prop="problemReceive" label="问题接收" width="150"> </el-table-column>// 自定义<el-table-column label="问题接收" widt
2021-11-08 11:36:57
6144
原创 git 更新代码报错
source Tree 更新代码，先点击获取-->报错解释：差不多的意思是修改的内容与远程的代码有冲突了git -c diff.mnemonicprefix=false -c core.quotepath=false fetch origingit -c diff.mnemonicprefix=false -c core.quotepath=false pull origin developFrom ssh://gerrit.cmss.com:29418/IS/group_pms_we
2021-11-03 17:45:07
762
原创 swiper 6.7.5 自动轮播
swiper 6.7.5 自动轮播import Swiper, { Autoplay } from “swiper”;//一定解出Autoplayimport “swiper/swiper-bundle.css”;Swiper.use([Autoplay]);
2021-10-25 21:31:11
2235
原创 解决vue3.x debugger不能使用的问题
package.json->eslintConfig找到rules属性填写这段代码"rules": { "no-debugger": "off", "no-console": "off", "generator-star-spacing": "off", "no-tabs": "off", "no-unused-vars": "off", "no-irr
2021-10-09 16:40:57
3703
原创 快速在vue3.0 中创建vue文件（快捷键）
VScode》文件》首选项》用户片段》vue.json(Vue)vue.json配置：{ "Print to console":{ "prefix": "vuec", "body": [ "<template>", " <div>", " </div>", "</template>", "", "<script>", "import { defineComp..
2021-09-23 09:28:40
1926
原创 执行ts文件报错“tsc : 无法加载文件....在此系统上禁止运行脚本”
全局安装typescript环境，运行ts文件报错PS C:\Users\daha\vue3_0> tsc test.tstsc : 无法加载文件 C:\Users\daha\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1+ tsc test.ts以上问
2021-09-18 22:59:01
3573
原创 手动创建vue3.0项目
1、windows键+r 弹窗输入框输入cmd命令2、vue create vue3_1（项目名称）创建项目3、输入上面一行命令，回车出现下面三个选择Default ([Vue 2] babel, eslint) ，一般选择手动配置// vue2 默认设置（直接enter）非常适合快速创建一个新项目的原型，没有带任何辅助功能的 npm包 Default (Vue 3 Preview) ([Vue 3] babel, eslint)// vue3默认设置（直接enter）非常适合快...
2021-09-18 09:37:19
349
原创 promise封装
function testAwait (x) { return new Promise(resolve => { setTimeout(() => { resolve(x); }, 2000); });} async function helloAsync() { var x = await testAwait ("hello world"); console.log(x); }helloAsync ();
2021-08-31 11:21:36
87
原创 /** 内容 */、vue文件头部注释
1、/** 内容 */ 一直想知道这注释怎么做到的，今天查阅资料，原来是这么回事在没有输入注释内容的情况下，输入/** 会自动 /** */中间输入注释的内容，换行会自动在前面带星/** *open:true浏览器是否自动打开，不写默认false，true自动打开*/2、vscode在插件中查询插件koroFileHeader安装(1)文件-》首选项-》设置 搜索fileheader(2)、在settings.json配置内容 "filehead...
2021-08-26 13:48:19
1474
转载 硬币旋转动画css
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>硬币旋转动画</title> <style> .rotate-wrap { width: 100px; height: 100px; margin: 100px; .
2021-08-22 12:10:33
303
原创 对象深度克隆的简单实现
function deepClone(obj){ var newObj= obj instanceof Array ? []:{}; for(var item in obj){ var temple= typeof obj[item] == 'object' ? deepClone(obj[item]):obj[item]; newObj[item] = temple; } return newObj;}
2021-08-22 11:38:23
104
原创 用css实现多行省略“...”
行数可以自己设置width:100px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;
2021-08-21 21:38:19
95
原创 点击回到顶部
默认不显示回到顶部的按钮，当滚动条滚到大于100像素的时候，回到顶部的按钮显示，点击顶部按钮回到顶部，然后回到顶部的按钮消失。 1、 先在项目里面引入iconfont图标，我使用iconfont Unicode编码线上字体图标，创建一个iconfont.css文件，把下面的代码复值到iconfont.css文件保存。@font-face{font-family:'iconfont';/*Projectid2737254*/src:url('...
2021-08-11 22:19:13
149
原创 原生js如何与安卓和ios、小程序做交互
在h5页面写一个触发事件，调用ios和安卓定义的方法callBack(type){if(type&&type!=='0'){return}if(window.android){//这个只有在安卓端window才有android属性，在电脑端是undefinedwindow.android.setMessage()//setMessage安卓定义的方法}...
2021-07-03 10:54:32
231
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人