- 博客(94)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 elementui || 如何更改el-table某一个表头的背景颜色和字体颜色
我们在使用elementui官方提供e-table的案例时，会发现表格的表头没有任何样式，这样的话首先是没有什么辨识性，其次是也不美观，降低了用户的使用体验。如下：那我们可以做的是给表头一个背景颜色，这样表头的位置看起来就很明显。按照官网提示呢，可以使用header-cell-style属性<el-table class="Firsttable" :data="formInline.approvals" border style="width: 100%" :header-cell-style=
2021-11-26 11:37:40
10906
3
原创 element-ui时间组件的表单验证，不能为空，结束时间必须大于开始时间
一、template里的代码<el-form-item label="会议开始时间" prop="startTime"> <el-date-picker :disabled="isEdit" v-model.trim="formInline.startTime" type="datetime" placeholder="选择开始时间" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:s
2021-11-01 15:28:36
3211
原创 案例：访问一个网页，如果第一次访问显示“欢迎您首次登录”否则显示上次登录时间
一、需求：访问一个网页，如果是首次登录，显示“欢迎您首次登录”否则显示：欢迎回来，您上次的登录时间为：显示时间字符串二、分析：1.可以采用Cookie来完成2.在服务器中的Servlet判断是否有一个名为lastTime的cookie1.有：表示不是第一次访问，通过cookie.getValue()获得响应数据通过Date把当前新的时间写入cookie2.没有：表示是第一次访问,响应数据：您好，欢迎您首次访问，通过Date把当前时间写入cookie：lasttime:2020年1
2020-10-13 16:12:09
56367
原创 不会吧，真的有人还不会SQL语句吗？
项目需求一、建表语句1.1格式create table if not exists 表名(字段1 数据类型(宽度) 约束条件,字段2 数据类型(宽度) 约束条件,...）1.2建表语句——约束语句not null 非空default 默认约束语句unique 唯一约束语句primary 主键 = 唯一 + 非空auto_increment 自动增长foreign key(从表id) references 主表名(id):添加外键 主表： 被引用的表。
2020-09-03 00:24:59
392
原创 HTML中如何使用阿里图标库？
为什么使用阿里图标1.兼容性最好，支持ie6+，及所有现代浏览器。2.支持按字体的方式去动态调整图标大小，颜色等等。3.缺点：因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。）一、登录阿里图标库官网https://www.iconfont.cn/二、登录（我这里选择的是微博登录）三、搜索想要的阿里小图标四、加入购物车五、把自己所有想要的图标加入购物车后，建立项目，自己命名六、下载至本地七、1.把压缩包解压到html同级目录 2.重命名fon
2020-08-23 23:18:59
2468
原创 el-table-column中使用width在windows上展示正常，在mac上超出部分不隐藏
el-table-column中使用width在windows上展示正常，在mac上超出部分不隐藏
2022-11-07 14:38:48
362
原创 使用node查询数据库 (mysql) 时间类型字段返回日期格式不对的解决方式
使用node查询数据库 (mysql) 时间类型字段返回日期格式不对的解决方式
2022-11-04 17:52:24
1303
原创 vuex报错 this.$store显示undefined
报错：vuex报错 this.$store显示undefined，使用vuex保存数据时，发现this.$store是undefined,打印this，发现没有$store属性。
2022-10-24 16:16:39
6864
6
原创 Vconsole的使用以及不同环境下的使用
在项目的开发过程中，pc端可以通过F12查看打印日志，但是在移动端，我们是看不到的，当然也可以通过alert来弹出，但这种方法很不便利，于是Vconsole便应运而生。Vconsole是专门为移动端前端设计的调试面板，当然pc端也可以使用；Vconsole的使用和我们在pc端使用F12一样方便。
2022-10-10 13:58:42
7346
2
原创 wangeditor：一个页面使用多个wangeditor编辑器，并对wangeditor进行组件封装以及上传图片到自己的服务器
这里记录两个地方1.如何在富文本编辑器中上传图片到自己的服务器2.对富文本编辑器进行组件封装，并在一个页面使用多个编辑器一、如何在富文本编辑器中上传图片到自己的服务器（只需要两步绝对可以解决问题）...
2022-06-23 15:26:21
2720
原创 用js实现几种排序
一、快速排序<script> // 快速排序 // 随便找一个数作为基准，运用递归，大的数放在right数组里面，小的数放在left数组里面 function rec(arr) { var left = [] var right = [] var mid = arr[0] if (arr.length == 0 || arr.length == 1) { return arr
2022-05-26 16:56:52
463
原创 用Html+Javascript实现table表格的单选与多选
一、效果图1.2.二、代码（可直接复制）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"
2022-05-05 15:30:02
2731
原创 创建项目时：spawn yarn ENOENT 解决方案
报错：原因：默认的包管理器是yarn,这里需要把yarn改成npm解决：C:\Users\User路径下的.vuerc配置文件，把packageManager配置项的值改成npm
2022-02-28 15:42:28
1255
原创 vue中watch的详细讲解(包括深度监听等属性)
一、什么是watch？什么时候使用watchwatch是vue实例的一个属性，主要用来监听数据的变化，并做出一些操作二、watch的使用2.1简单数据类型的使用info:{ handler(newValue,oldValue){ console.log('旧值：',oldValue)//改变之前的值 console.log('新值：',newValue)//改变之后的值 },以上写法针对于简单的数据类型，例如字符串、数字、布尔
2022-02-21 17:33:21
6458
原创 理解vue-element-admin 的登录流程
1.首先,点击登录按钮，触发handleLogin方法，通过 this.$store.dispatch(“user/login”, this.loginForm)调用vuex中login方法，此处user/login表示的是调用user文件下的login方法 handleLogin() { this.$refs.loginForm.validate((valid) => { if (valid) { this.loading = true;
2022-02-17 11:40:54
4624
1
原创 快试试在el-table无数据的时候来自定义提示信息吧
一、效果图二、实现代码这里只需要一个插槽就可以解决了<template slot="empty"> 选择乙方，查看对应的标的清单</template>ok了！
2022-01-20 10:46:47
842
原创 详细总结this.$router.push与this.$router.replace
一、this.$router.push1.1 使用方法1.声明式< router-link :to="…">：当使用router-link进行路由跳转时，实际上是调用了router.push()进行路由跳转2.编程式 ：this.$router.push(’路径‘)1.2 使用语句1.字符串this.$router.push(‘index’)2.对象this.$router.push({path:‘index’})3.携带参数3.1 path 跳转方式，只可以用que
2022-01-12 16:40:31
8767
原创 运行项目时：Cannot find module ‘bug-versions/package.json‘ 解决方案
一、问题Cannot find module 'bug-versions/package.json二、解决方案使用npm install --save-dev 自动配置package.json,然后会自动安装所需的依赖
2022-01-10 15:45:26
6805
1
原创 npm install报错Maximum call stack size exceeded解决办法
一、场景重现今天想拉一下别人代码看看，然后npm install的时候竟然报这个错：“Maximum call stack size exceeded”，以前也没见过这个错，后面终于找到了解决方案。二、解决方案1.升级npm,npm install -g npm2.重新执行，npm/cnpm install3.如果还不行，可以试着清一下npm缓存，npm cache clean --force4.重新执行，npm/cnpm install...
2021-12-16 15:39:05
4064
原创 [Vue warn]: Error in callback for immediate watcher “formInline.projectSups“
继上次监听了formInline里面的projectSup字段后，发现出了一个bug，Error in callback for immediate watcher “formInline.projectSups”: “TypeError: Cannot read property ‘filter’ of undefined”大概可以知道是在watcher监听的时候报的错，但其实不影响使用，但这个飘红看着真的很难受。正当我百思不得其解的时候，发现了这个所以刚开始进页面的时候会先执行watch，此
2021-12-04 14:45:38
5217
4
原创 element-ui手机号校验
data() { var validatorPhone = function (rule, value, callback) { if (value === '') { callback(new Error('手机号不能为空')) } else if (!/^1\d{10}$/.test(value)) { callback(new Error('手机号格式错误')) } else { callback()
2021-11-02 10:00:26
1766
原创 解决this.$router.push()带参数跳转时，页面地址改变，数据却没有刷新的问题。
一、问题今天遇到一个问题，我用this.$router.push()带参数跳转时，页面的url地址发生了改变，但页面却没有刷新，需要刷新一下才能重新获取数据，查看资料找到了解决方案。二、原因created并不是每次进入页面都会执行，因为vue会使用页面的相同组件，所以这里才不会进行数据刷新。三、解决方法当路由发生跳转时，需要在watch里监听路由的变化...
2021-10-14 15:05:08
3507
原创 今天我用JS写了一个Web端的飞机大战
一、效果图二、代码html和js放一起了，看着代码量有点多<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils/camera_utils.js" crossorigin="anonymous"
2021-10-13 17:09:09
490
4
原创 几个超级好用的css选择器，提高开发效率，快来围观！
前言CSS是Web前端开发重要的一步，如今，在即将到来的CSS4时代，程序员们的CSS知识库也越来越丰富，而不会偷懒的程序员不是一个好程序员，冗余重复的代码是程序员的大忌，本文从部分选择器入手，致力于减少代码冗余，提高开发效率。1.is(ele1,ele2…)解释：对多个元素进行选择，另外可以对多个元素添加伪类选择器<style> .top{ background:red } .middle{ background-color: green; } .botto.
2021-10-12 12:14:13
238
原创 在vue中定义的空对象，打印出来却是{__ob__: Observer}
一、问题：今天在vue的data中定义了一个json对象，明明是个空对象，可是打印的时候却是下面这样的。定义：data(){ return{ currentmeetingProjects: {},//当前选择的待审议项目}}打印：二、理解之所以在data中定义的数据可以实现双向绑定，是因为当在data中绑定一个对象的时候，vue会添加一个ob__:Observer_监听器对数据进行监听，这些内部属性虽然不可枚举（即不可以通过for…in循环进行遍历），但是console.l
2021-09-27 11:06:40
4529
原创 图文理解css的float属性（通俗易懂）
学习web前端的入门就是html和css，虽然现在工作也快一年了，工作中也很少用到css的float属性，现在回过头来再看float属性，竟然有一点一知半解，干脆复习一下，在这里做一下记录，也分享给大家。对于部分刚入门的伙伴可能会有点作用。一、涉及概念学习新的概念，只有真正弄明白真正的原理，学习起来才能如鱼得水。说到float的原理，要涉及到一个概念——“文档流”,或者把他叫做"标准流"。文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流这是官方对文档流的解释，可
2021-09-26 20:33:06
948
原创 el-tree用id绑定node-key,一棵树下又有相同的id，怎么办？
今天该下班的时候出现一个bug，按照官方给出的api，this.$refs.tree2.setCheckedKeys([])并没有完全修改左侧的修改状态，下面先展示一下正确的情况和出现bug的情况一.页面展示1.页面逻辑2.正确情况3.错误情况二、问题分析分析出现错误的情况，只有【测试1】这个用户的选中状态未被修改，而【测试1】这个用户同时也在下面【分组二】这个分组中，怀疑是不是因为又在别的分组存在，选中状态才不会被修改的，于是又在【分组一】分组中添加了几个【分组二】中存在的用户，相同的操
2021-09-13 11:08:01
9891
9
原创 ElementUI时间选择器,传入时间之后无法改变
需求：计划年度（plan字段）:当前年份统计区间(始)（statisticsStart字段）：监听计划年度，为计划年度的1月1日统计区间(末)（statisticsEnd字段）：监听计划年度，为计划年度的12月31日如下图所示：1.初始化计划年度的值注：这里date+‘ ’，是因为elementui的日期选择器接收的是字符串，而new Date().getFullYear()是Date数据类型，如果不转换成字符串，会报如下错：mounted() { if (this.id == "
2021-09-10 11:34:21
976
原创 在富文本编辑器编辑的内容调用后端的接口保存再返回的数据带标签
场景：在前端的富文本编辑器编辑内容后,调用保存接口，保存成功后返回给前端的是带标签的文本处理前：处理后：如何处理：这里的处理用到了正则ToText(htmls) {//我这边是用到的elementui的table表格，对数组的content(保存的富文本编辑器的编辑内容)字段进行处理，所以把这个数组作为参数 for (var i = 0; i < htmls.length; i++) { console.log(htmls[i].content, 'befo
2021-09-03 17:35:43
1308
1
原创 数组去重的几种方式？
一、利用foreachfunction RemoveDuplicates(){ let arr = ['a','d','c','d','a','d','e'] arr2 = [] arr.forEach(function(self,index,arr){ arr.indexOf(self) == index?arr2.push(self):null }) console.log(arr2) // ["a", "d", "c", "e"] }持续更
2021-08-31 14:58:31
74
原创 ElementUI的表格怎么删除全选框
今天刚接收了需求老师的新的界面图，发现有的表格取消了全选的功能。一、实现效果二、实现方法1.在<el-table>里添加<el-table-column type="selection" width="55">2.此时表格里有单选框和多选框，在el-table里面添加cell-class-name属性<el-table :data="tabData" border :header-cell-style="{ background: '#fafafa' }" :
2021-08-12 11:22:15
960
TA创建的收藏夹 TA关注的收藏夹
TA关注的人