- 博客(91)
- 收藏
- 关注
原创 el-tree选中当前节点时,当前节点的父级、子级不能选/节点区内容自定义/寻找当前节点的前辈
el-tree选中当前节点时,当前节点的父级、子级不能选/节点区内容自定义/寻找当前节点的前辈
2022-10-10 17:22:11 1348 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 8963 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 129
原创 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 2430
原创 请求接口过程需要loading(学习笔记)
请求接口过程需要加载图标,一定要在请求成功或者失败内的函数内隐藏掉加载图标,不能直接在外面写。不然请求还在等待中,加载图标就没有了。librarySignatureDetail () { this.loading = true let params = { id: 1 } API.detail(params) .then(res => { this.basicIn.
2021-11-24 17:51:21 2926
原创 eslint是个讨厌鬼,容易导致vscode编译错误(去除多余空格)
团队合作开发,需要大家统一规范,这是大家会想到用eslint规范代码,使用eslint容易运行报错,主要是格式不对哪怕是标签前后多了空格或tab键也会编译报错,这时我们需要去除多余的空格。vscode编辑器可以自动去除多余的空格,需要我们配置。vscode:文件 -> 首选项 -> 设置输入框输入:trimTrailingWhitespace 对勾...
2021-11-24 11:02:13 1264
原创 修改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 6471
原创 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 788
原创 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 2288
原创 解决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 3944
原创 快速在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 2067
原创 执行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 3631
原创 手动创建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 364
原创 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 134
原创 /** 内容 */、vue文件头部注释
1、/** 内容 */ 一直想知道这注释怎么做到的,今天查阅资料,原来是这么回事在没有输入注释内容的情况下,输入/** 会自动 /** */中间输入注释的内容,换行会自动在前面带星/** *open:true浏览器是否自动打开,不写默认false,true自动打开*/2、vscode在插件中查询插件koroFileHeader安装(1)文件-》首选项-》设置 搜索fileheader(2)、在settings.json配置内容 "filehead...
2021-08-26 13:48:19 1604
转载 硬币旋转动画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 335
原创 对象深度克隆的简单实现
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 119
原创 用css实现多行省略“...”
行数可以自己设置width:100px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;
2021-08-21 21:38:19 114
原创 点击回到顶部
默认不显示回到顶部的按钮,当滚动条滚到大于100像素的时候,回到顶部的按钮显示,点击顶部按钮回到顶部,然后回到顶部的按钮消失。 1、 先在项目里面引入iconfont图标,我使用iconfont Unicode编码线上字体图标,创建一个iconfont.css文件,把下面的代码复值到iconfont.css文件保存。@font-face{font-family:'iconfont';/*Projectid2737254*/src:url('...
2021-08-11 22:19:13 168
原创 原生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 251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人