摘要:
vue项目中,如h5端,第三方的树形选择器无法满足项目开发时,原生封装tree控件,通过判断是否存在子节点,循环递归组件完成树形封装,通过vue指令实现跨级传递数据或方法 封装树形组件如下: 1 <template> 2 <div class="tree-select-page"> 3 <div c 阅读全文
摘要:
概述 官方网址:https://playwright.dev/ 什么是 playwright? playwright,端对端自动化测试,选择该技术栈用于端对端测试,有几大原因: 支持所有浏览器 快速可靠的运行 强大的自动化能力 限制性较小 支持所有浏览器 可适用于所有现代化浏览器,具有完整的 API 阅读全文
摘要:
通常开发项目当中,我们需要用到的表格table数据,一般在接口都会做分页,但也会存在某些情况,比如我们在大屏幕中需要展示某些数据,但是接口数据是一次性全部返回,且要求页面为了美观只能展示指定个数的请求下,我们会需要做分页来处理,那么我们就需要写一个方法来做纯前端分页,所幸,本人在项目中实践过,所以就 阅读全文
摘要:
当需求使用属性控件时,有时接口的返回数据是一维数组时,我们需要整理数据成多维数组,封装一个通用的高效方法。 当返回的数据是当前数据时: const arr=[ {id:11,parentId:1}, {id:12,parentId:1}, {id:1,parentId:4}, {id:2,paren 阅读全文
摘要:
input值改变输入框失去焦点 在项目中,使用<a-input></a-input>组件时,遇到一个问题是:当在输入框输入值的,输入一个值就会失去焦点,即不能连续的输入。开始以为是change事件的问题,然后查了发现是因为循环的key的问题。 当key的值和input中的:value相等时,输入框的 阅读全文
摘要:
在开发项目中,前端基本上都会有跨域问题,在不配置跨域的条件下,怎么打开跨域项目呢。 直接使用跨域浏览器 mac版:只需在终端中输入一行代码即可 open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user 阅读全文
摘要:
在使用antd过程中,使用当中的分页器时,曾经遇到的一个问题 <template> <a-pagination v-model="current" :total="50" show-less-items /> </template> <script> export default { data() 阅读全文
摘要:
function Foo1(){ this.name1 = '1'; } function Foo2(){ this.name2 = '2'; } Foo2.prototype = new Foo1(); function Foo3(){ this.name = '3'; } Foo3.protot 阅读全文
摘要:
在项目开发中,一般在后台管理系统会有编辑需求,那我们就需要使用到富文本这个东西。现在在写vue项目中就需要到富文本编辑器,所以给大家推荐一款富文本编辑器(TinyMCE) 首先,下载编辑器依赖包 npm install tinymce --save or yarn add tinymce 在需要用到 阅读全文
摘要:
很多的系统管理端会有文件上传或者下载功能,那么在文件上传和下载的时候我们又会遇到什么样的坑人的意外呢? 昨天我们在做管理系统的文件下载时,遇到了这么一个问题。因为文件名是后端提供,所以返回在了响应头的Content-Disposition中,但是因为这个字段并不是默认暴露的字段,所以需要后端做暴露( 阅读全文