2021年1月13日
css 中 :not伪类的使用
摘要： :not()逻辑伪类出身很早，早到IE9浏览器都支持，不像现在的新出来的逻辑选择器，:not()伪类括号里面并不支持复杂的选择器（虽然新的规范已经让支持了，目前还没有浏览器跟进）。 例如，:not()伪类括号里面不能多个选择器： :not(.disabled, .read-only) {} /* 无 阅读全文
posted @ 2021-01-13 17:40 棠樾 阅读(559) 评论(0) 推荐(0) 编辑
js一次性删除数组中多个元素
摘要： 方法一：使用splice + for的逆向循环 要想删除数据很全就必须使用逆向循环 ( for 的正向循环 和 forEach都会删除数据不全 ） for(let i = this.arr.length - 1; i >= 0; i--) { if(this.arr[i].indexOf(item) 阅读全文
posted @ 2021-01-13 17:20 棠樾 阅读(1626) 评论(0) 推荐(0) 编辑
element-ui table 实现表格嵌套多层表格
摘要： 项目需求：要求点击行中的“其他”单元格中的字段展开相应的子表 1.点击“扩展属性”出现"扩展属性"子表，点击“国家/地区”出现国家/地区子表 2.在国家/地区子表中还有个“生命周期字段”，点击“生命周期”出现“生命周期”的子表 实现方案：使用table 中的type="expand" 同时把展开图标 阅读全文
posted @ 2021-01-13 16:53 棠樾 阅读(17605) 评论(3) 推荐(1) 编辑
2020年12月16日
element-ui el-table 选择框禁止选中
摘要： 根据API 里面有个 Table-column Attributes 阅读全文
posted @ 2020-12-16 16:54 棠樾 阅读(1758) 评论(0) 推荐(0) 编辑
2020年12月15日
el-tree中获取选中节点的所有父级节点
摘要： 需求：项目中需要一个产品目录树形图，点击树形节点时，会把当前选中节点的所有父级节点信息带到左侧的搜索框中 解决方法：使用node-click事件函数 // 点击节点 nodeClick(e) { const { tree } = this.$refs; // 选中节点的所有父级id和codeItem 阅读全文
posted @ 2020-12-15 15:57 棠樾 阅读(15690) 评论(0) 推荐(2) 编辑
Element-ui中的el-table 在flex下的宽度自适应问题
摘要： 项目需求：页面中分成左右两边，一边的宽度自适应（里面嵌套的是el-table），一边的宽度固定 问题：使用flex布局，使用flex:1后el-table只能自适应扩大，不能自适应缩小 Debug：通过控制台发现组件生成的table的宽度是动态计算的，翻查源码，发现以下代码段 也就是说，组件的res 阅读全文
posted @ 2020-12-15 15:31 棠樾 阅读(2757) 评论(0) 推荐(1) 编辑
2020年11月19日
vue 中的AES加密和RSA加密
摘要： AES加密方式： 步骤： 1.在src/utils文件夹中新建crypto.js文件，并在文件中写入下面代码： import CryptoJS from 'crypto-js'; export default { // 解密 data：要加密解密的数据，AES_KEY：密钥，IV:偏移量 decry 阅读全文
posted @ 2020-11-19 18:23 棠樾 阅读(896) 评论(0) 推荐(0) 编辑
2020年11月18日
vue-devtools的安装
摘要： 步骤如下： 1.在你C/D盘创建一个文件夹。 2.打开文件夹右击选择 git bash here,出现可以输入git命令的弹框 3.输入以下指令： 1.git init // 初始化你的git 2. git clone https://github.com/vuejs/vue-devtools // 阅读全文
posted @ 2020-11-18 14:22 棠樾 阅读(380) 评论(0) 推荐(0) 编辑
2020年11月9日
element-ui el-table 中使用 el-form 添加校验
摘要： 项目需求：在表格中的输入框，下拉选择框是必填，提交时校验，表格的行可以添加和删除，删除时改行的校验也删除 实现方案：在需要校验的模块外面加上el-form 代码如下：注意点都在图中标注了 阅读全文
posted @ 2020-11-09 16:49 棠樾 阅读(2183) 评论(0) 推荐(1) 编辑
2020年11月3日
前端路由
摘要： 一、路由 在现在前端开发中，路由是非常重要的一环，但是路由到底是什么呢？ 从路由的用途上来说：路由就是指随着浏览器地址栏的变化，展示给用户的页面也不相同。 从路由的实现原理上来说：路由就是URL到函数的映射。 路由本身也经历了不同的发展阶段： 1.后端路由 2.前端路由 后端路由：又可以称为服务器端 阅读全文
posted @ 2020-11-03 12:17 棠樾 阅读(126) 评论(0) 推荐(0) 编辑