logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

git 合并分支时,出现“Please enter a commit message to explain why this merge is necessary”如何退出

git 合并分支时,出现 Please enter a commit message to explain why this merge is necessary 问题解决方案:按i键,进入插入(insert)描述操作,可以选择不输入按Esc键,结束插入描述操作按:wq,表示保存并结束本次操作enter 键即可结束本次错误信息...

#git
echarts 多个 geo 实现缩放拖拽同步

需求: 通过设计稿可以看到,我们需要双层的地图,但是地图间有点错位的那种效果.如果我们分别制作两个同样大小地图,只是定位有些错位的话,当我们对地图进行拖拽或者缩放的时候,无法两个地图同时进行拖拽和缩放操作,此时我们引入多个 geo 来实现同步缩放和拖拽功能.如何设置多个 geo 呢?geo: [{zlevel:2, //geo显示级别,默认是0map: 'china',//地图名type: 'ma

#echarts
CSS 实现圆角梯形

我们用 CSS 实现一个梯形,效果如下图:可能大家没有思路,我们可以实现一个圆角正方形,效果图如下:代码实现如下:.skewed {position: relative;display: inline-block;width: 80px;height: 80px;}.skewed::before{content: '';position: absolute;top: 0;left: 0;right

echarts legend 排列问题

我们可以看看下面效果图:legend.orient:图例列表的布局朝向。可选:'horizontal'、'vertical'。legend.icon:图例项的 icon。除了 echarts 官方提供的标记类型,还支持 图片链接和矢量图。legend.align:图例标记和文本的对齐。可选:'auto'、'left'、‘right’。legend 图例组件可以分组。legend: [{icon :

#echarts
element-ui 表单自动验证问题的解决

element-ui 中的 el-form 组件自带了验证功能,在开发中经常会遇到一些莫名其妙的问题,比如表单一出来就触发了验证等等。在项目中,需要弹出表单框并填入旧数据。然而,我只要拿到旧数据并赋值到表单上时,就会触发el-form的验证,非常恼人。顺着调用栈(下图)我们可以发现是el-form-item组件的一个叫onFieldChange的方法触发了validate。应该是我们每次给表单绑定

element-ui message 显示重叠问题

问题描述:在同一个方法中,触发了多个 message 组件提示信息时,会出现消息重叠的问题。解决方案:将方法定义为async异步函数,然后使用await等待执行。async checkLogin () {if (this.username === '') {await this.$message.warning('请输入用户名')}if (this.password === '') {await

element-ui form 验证表单输入空格问题

element-ui中自带的表单必填项校验不能去除空格,此时若输入空格,required: true验证还是可以通过。若想正确校验需要去除字符两边的空格。在v-model加上.trim就可以解决。<el-form :rules="rules"><el-form-item label="名称" prop="name"><el-input size=...

element-ui 树型控件自定义图标和实现单选节点功能

先上效果图:(一)自定义图标在element-ui 官网中,提供了两种方法: render 和 slot 来添加自定义节点内容,可以在节点区添加按钮或图标等。这里主要讲解一下 slot 自定义图标:&lt;el-tree:data="data5":props="defaultProps"node-key="id"ref=&quot

element-ui table之选择框禁止选中

需求场景:当我们对列表中一下数据选中后,调用接口处理数据中的状态,而对于已经处理了的数据,则不能再次进行处理。可能你首先想到的通过选中的数据,将其中的已处理数据过滤掉。这里我们通过已处理的数据,我们将禁止选中,那怎样才能实现呢?首先我们实现多选: 手动添加一个el-table-column,设type属性为selection即可;然后设置 selectable 属性来决定该行数据是否选中。...

基于element-ui 使用 upload 预览图片(含删除功能)

我们都知道 upload 是上传文件的组件,但同时可以对上传文件进行预览,这里我才用 upload 预览图片。首先介绍的是list-type:文件列表的类型,可选值:text | picture | picture-card ,默认值为 text.file-list:上传的文件列表, 例如: [{name: 'food.jpg', url: 'https://xxx.cdn.com/x...

    共 110 条
  • 1
  • 2
  • 3
  • 11
  • 请选择