TTST_HTSN-CSDN博客

原创 element-ui中table获取每一行的Index

首先，给table加一个属性：:row-class-name=“tableRowClassName”然后定义tableRowClassName函数：(tableRowClassName可以自己改名)tableRowClassName({row, rowIndex}) {row.row_index = rowIndex;}然后给表格添加： @row-click = “onRowClick”onRowClick (row, event, column) {this.currentRowIndex

2020-12-21 17:12:28 1409

原创 element ui中Select 下拉框最后一行显示不完整

在最近的项目中用到了element ui中Select组件,但在选项的最后一行出现展示不完整的现象经过一番F12调试终于找出了原因所在因为做目录时，使用了el-scrollbar，为了防止出现横向滚动条，增加了.el-scrollbar__wrap {overflow-x: hidden;}导致这个问题问题解决为了避免其它样式的影响，保证效果正常渲染针对select组件样式进行了如下填补.el-select-dropdown .el-scrollbar .el-scrollbar__

2020-12-16 09:58:56 1941

原创 element-ui中input框，select框，date框宽度自适应问题

input框宽度可以自适应，select框和date框宽度无法自适应，需要给宽度设置一个100%

2020-12-11 09:28:59 2205

原创 git远程仓库有该分支，本地使用git pull拉取不到远程已有的分支

问题描述远程仓库有Q3分支，使用git pull以后本地还是找不到Q3这个分支，那就尝试使用上边的方式来解决

2020-12-08 09:39:29 1530

原创 git使用git pull不能把全部分支拉取到本地

git将远程分支拉取到本地sunleejon 2019-09-04 20:05:33 69 收藏版权git pull origin master:localbranch命令格式如上，git pull origin是固定的部分，后面接远程分支名，冒号后面接本地分支名。git拉取远程分支到本地步骤：#查看远程分支git branch -r#查看本地分支git branch#拉取远程分支git checkout -b 本地分支 origin/远程分支#拉取远程分支git pull o

2020-12-08 09:21:17 3190

原创 vue中对象属性改变，数据变页面不变

对象更改检测注意事项还是由于 JavaScript 的限制，Vue 不能检测对象属性的添加或删除：var vm = new Vue({data: {a: 1}})// vm.a 现在是响应式的vm.b = 2// vm.b 不是响应式的对于已经创建的实例，Vue 不能动态添加根级别的响应式属性。但是，可以使用 Vue.set(object, key, value) 方法向嵌套对象添加响应式属性。例如，对于：var vm = new Vue({data: {userProfile:

2020-11-27 15:54:23 583

原创修改element-ui的input框踩坑记录

修改input的样式大小时候，给最外层一个div，这个时候给div设置margin-right会出现两个距离。这个距离的出现是因为el-input内部有个div也具有了margin-right的属性，使得两个距离产生。此刻我们只需要设置一下内部的div的右边界。.wrap_div{div{.p_three{text-indent:0;}.w(388);.margin_right(76);}div{ // 用来消除内部的div的右边距margin-right:0;}}设置以后的样

2020-11-17 16:42:25 401

原创动态路由传参和params传参

动态路由传参和params一起传参的时候，this.$router.push({ path: ‘/home/:id’, params: { type: ‘11’ } })在需要参数的页面打印结果，不会出现内容params的内容所以我猜想，params和path不应该一起使用，应该用params加name来组合。可以用path加query来传递参数，这个可以得到。...

2020-11-17 11:18:02 712

原创如何改变element-ui中table的样式

有写时候样式写完，需要重新给框架的样式进行覆盖，以便达到我们自己设定的样式，这种样式的覆盖有时候非常麻烦，但是你找到方法了，就会很快。// 设置el-table的样式.el-table{.el-table__header-wrapper{// .padding_lr(24);.el-table__header{.has-gutter{tr{background: #FAFAFA;th{background: #FAFAFA;}th:nth-child(1){.padding_lr(

2020-11-16 13:33:12 633

转载 vue插件

Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，来了个大汇总，方便查找使用，便于工作和学习。很全的vue插件汇总，赶紧收藏下吧！vue插件汇总一、UI组件及框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-ma..

2020-10-10 14:47:37 155

转载前端写代码的推荐工具

有朋友，经常问到web前端开发写代码用那个软件好？今天在这里统一回答下，主流的web前端开发写代码的软件有这些Webstorm、Vscode、Sublime Text、HBuilder、Dreamweaver、notepad++、editplus等，做前端这么多年了，下面谈下我的使用感受吧。web前端开发写代码用那个软件好？1.WebStorm【推荐】 WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大

2020-10-10 14:45:30 1069

原创 cms,crm名词解释

cmsCMS是Content Management System的缩写，意为"内容管理系bai统du"。内容管理系统是企业信息化建设zhi和电子政务的新宠，也是一dao个相对较新的市场。对于内容管理，业界还没有一个统一的定义，不同的机构有不同的理解。网站系统又名网站CMS系统，主要用途是为了节约网站开发的成本而开发的建站系统。早期的网站系统一般叫自助建站系统。现在的网站系统又分为企业网站系统，论坛系统，门户站系统和购物网站系统。分类编辑企业系统主要是针对中小型企业而开发的网站系统。该种系统功能一

2020-10-10 10:58:39 1433

转载详解移动APP与web APP的区别

对于APP与WEB APP的区别，很多人还不是很清楚什么是原生APP和web APP?Web App即是一种框架型APP开发模式(HTML5 APP框架开发模式)，该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部份，而应用的数据则是每次打开APP的时候，去云端取数据呈现给手机用户。原生APP又称Native App，该开发针对IOS、Android、Windows等不同的手机操作系统要采用不同的语言和框架进行开发，该模式通常是由“

2020-09-25 11:32:20 2179

原创 button按钮黑洞，以及和element的form表单形成的化学反应

最进项目中遇到一个问题，前思后想，没有解决办法，后来请教大佬解决了这个问题；在一个vue项目中使用了一个button绑定事件，第一次进入这个页面，点击该按钮会直接刷新页面，后面就不会了问题描述在使用el-form表单和button按钮进行一些操作以后，点击button保存这些内容，点击以后，页面进行了刷新，但是没有报错，后端也没有返回错误内容。有一点值得注意的是，点击以后打开network发现，点击保存以后有一个简单的报错出现，但是时间很短，立马就被刷新指向登录页面了地址中多了一个?file=导致

2020-09-23 14:43:38 181

转载 75个网络安全工具

工具：Nessus（最好的开放源代码风险评估工具）网址：http://www.nessus.org/类别：开放源码平台：Linux/BSD/Unix简介：Nessus是一款可以运行在Linux、BSD、Solaris以及其他一些系统上的远程安全扫描软件。它是多线程、基于插入式的软件，拥有很好的GTK界面，能够完成超过1200项的远程安全检查，具有强大的报告输出能力，可以产生HTML、XML、LaTeX和ASCII文本等格式的安全报告，并且会为每一个发现的安全问题提出解决建议。工具：Ethere

2020-09-22 11:15:30 407

原创云桌面打开任务管理器，不小心关闭了windows资源管理器，桌面不见了

在Windows 10系统中我们可以通过任务栏管理器快速关闭一些程序进程。但是有用户反应，不小心将任务管理器中的“windows 资源管理器”给关掉了，导致整个桌面都消失了，该怎么办呢？遇到这样的问题我们通过下面方法进行修复。Win10系统windows资源管理器关闭怎么打开？打开方法：1、使用快捷键“Ctrl+Alt+Delete”，点击【任务管理器】，已打开任务管理器忽略此步骤；2、点击“文件“----点击”运行新任务“-----输入“explorer”------点击“确定’；3、完成后

2020-09-22 10:24:24 4457

原创 vue-router 报错Error: Avoided redundant navigation to current location。禁止重复渲染当前路由

vue项目重复点击某个可以跳转的路由时出现一下报错rror in v-on handler (Promise/async): “NavigationDuplicated: Avoided redundant navigation to current location: “/backlog”.”符合一张图来向大家展示此问题：连续点击同一个导航时报错，该报错不影响功能解决办法：方式一：升级vue-router版本为3.0即可解决，项目目录下运行命令： npm i vue-router@3.0

2020-09-22 09:41:24 975

原创 There is no tracking information for the current branch. Please specify which branch you want to...

git合并代码出现的状况合并完代码并上传远程分支时发现出现以下报错hint: Updates were rejected because the tip of your current branch is behindhint: its remote counterpart. Integrate the remote changes (e.g.hint: ‘git pull …’) before pushing again.hint: See the ‘Note about fast-forwa

2020-09-18 15:42:21 3764 1

原创 element-ui日期组件，选择开始时间以后不可以使结束时间小于开始时间

element-Ui中日期组件的再次创新控制结束时间大于开始时间el-form-item label="开始时间：" prop="startTime" el-date-picker v-model="forminv.startTime" type="datetime" :picker-options="startDatePicker" size="small" :clearable="clearabl

2020-09-15 14:07:01 615

原创 vue项目解决app.vue中其他页面用不到的组件一闪而过的现象

在vue项目里，公共的组件可以写到app.vue里面，每个页面基本都可以用到，但是login页面肯定用不到。怎么解决这个问题？方法一：通过路径去判断div id=“app”Header v-if="!(path === ‘/login’)" /Headerrouter-view//divdata () {return {path: ‘’}},mounted () {this.path = this.$route.path},watch: {$route (to, from) {

2020-09-14 17:04:29 654

原创解决element+axios做退出登录弹框提示，发出几个请求，弹框就展示几个

问题描述使用axios做统一拦截处理的时候，token失效相当于登录失效，或者异地登录的时候根据后端的code码来判断登录是否失效。但是发出多个请求的时候，返回的接口会统一走一下axios返回器，导致弹框会多次弹出。不完美解决办法立一个flag，让流程只走一次。问题就是，异常登录以后进入页面点击其他地方，第一次可以弹出弹框。当你在该网页第二登录，再异常退出，不会弹弹框了。因为flag为true了。var flag = trueaxios.interceptors.response.use(func

2020-09-10 10:17:35 916

原创 element-ui表单验证+正则验证

^表示开bai头，*表示前面的内容可以没有也可以是一个或多个，+ 匹配前面的子表达式一次或多次(大于等于1次），? 匹配前面的子表达式零次或一次，x|y 匹配x或y，[xyz] 字符集合，匹配所包含的任意一个字符，\d 匹配一个数字字符等价于 [0-9]，g是全局匹配，没有的话就只会匹配（替换）一次\d会占用一个位数相当于[0-9]1.element自带的数值型验证数字类型的验证需要在 v-model 处加上 .number 的修饰符，这是 Vue 自身提供的用于将绑定值转化为 number 类型的修

2020-09-08 08:33:30 1615

原创 vue中路由参数

1.使用动态路由传参this.router.push(‘/index/router.push(`/index/router.push(‘/index/(id)`)这时候可以用this.$route.params获取这个参数。2.使用query传参this.router.push(path:′index′,query:id:1query传参相当于get传参，会出现再路径上，并且用？隔开。它的传参会有长度限制。使用的时候可以用this.router.push({ path: 'index', query

2020-09-02 16:14:47 337

原创 element-ui表单校验不生效问题总结

在使用element这个UI框架的时候，表单校验有时候不生效，头大！！！可能存在问题1.prop命名和form中对应的v-model名字不一样当v-model使用的名字和prop使用的名字不一样时就会出现无法验证的问题。2.添加了rules但是没有prop这个是最致命的，也是最不容易注意的在这种情况下，当你失去焦点以后不会触发验证规则。当你加上prop以后这个问题就迎刃而解。表单验证时机不对当你回填的时候，明明没有触发验证，但是验证却实际的触发了，原因是：1.返回值没有该input框

2020-09-02 15:52:22 3039

原创 element-ui单文件上传以后，必须刷新才能再次上传文件

问题描述使用element-ui的上传文件组件写一个批量导入，但是发现每次打开上传文件，只有进入页面第一次点击上传文件才调用上传接口，进行文件上传，前思后想，外加百度查询，我解决了这个问题。先上个图片看看问题：下边图片是上传时候打印出来的，当再次上传，没有打印东西，也就是说没有调用上传文件接口原因单文件上传以后，data中的fileList，已经放入一个文件了，当你再次上传，并没有清楚本文件或者覆盖上一个文件，导致上传行为并没有执行。解决办法上传不管是失败还是成功，都执行一下清空fileList

2020-08-28 11:22:15 1006

原创 JS数组使用最简单办法去除一项

使用splice去除一项var arr = [1, 2, 3]arr.splice(1,1)console.log(arr)结果如下图所示可以看到我们把索引为1的一项去除了。splice的用法可以用来删除，添加，替换等，原来的数组会被改变；删除：array.splice(index,num)，返回值为删除内容，array为结果值。index为起始项，num为删除元素的的个数。eg:var array = [‘a’,’b’,’c’,’d’];var removeArray = arr

2020-08-17 08:52:54 573

原创 git pull之后失败，后使用git pull --rebase origin master出现代码丢失

自己独立开发一个项目，所以代码就没有天天往git上上传，隔三岔五穿一次，在项目接近尾声的时候出现问题了。刚好前几天公司给换了一个电脑，添加密钥后再上传代码，没有上传成功，换仓库地址了，按理说我是git clone下来的，应该和远程仓库关联起来了，不应该存在上传失败的问题，又着急下班就没怎么在意。过了几天我想换一个远程仓库的地址吧，再此之前想解决一下为啥上传不了代码的问题，把问题放在百度上一搜，出现解决办法，囫囵吞枣就按步骤来搞了一下，这一搞出大事了，最近几天写的代码都找不到了，心如级焚啊，这不坏了，辛辛苦苦

2020-07-22 18:58:18 5656 10

空空如也

空空如也