0%

项目原因,需要把一个扁平/线性数组转换成树形数组(符合 el-tree 数据要求)

1
2
3
4
5
6
7
8
9
const resData = [
{ id: '1', label: '动物', parentId: '', icon: '' },
{ id: '2', label: '狗', parentId: '1', icon: 'icon-chongwutubiao13' },
{ id: '3', label: '哈士奇', parentId: '2', icon: 'icon-hashiqi' },
{ id: '4', label: '柯基', parentId: '2', icon: 'icon-keji-' },
{ id: '6', label: '猫', parentId: '1', icon: 'icon-chongwutubiao04' },
{ id: '7', label: '植物', parentId: '', icon: '' },
{ id: '8', label: '微生物', parentId: '', icon: '' },
]
阅读全文 »

有这样一个需求:

  1. 下拉框组件希望显示的内容是一个表格
  2. 回显只显示其姓名
  3. 选择框切换时父组件需要能拿到对应名字的一整行数据
阅读全文 »

安装文件

  1. 安装 xlsx

    1
    npm install xlsx
  2. 安装 file-saver

    1
    npm install file-saver
  3. 如果需要打印表格,安装 vue-print-nb

    1
    npm install vue-print-nb
阅读全文 »

有时候我们爬取了一堆图片,需要知道这些图片尺寸大小或名字以便日后处理。一个一个弄很是费劲,我们可以用 python 批量获取一下并生成 csv

  • 如果图片后缀比较多(png jpg jpeg bmp),可以在 suffix里进行添加
阅读全文 »

实现效果

  • 多张图片自动轮播展示,对应分页器(小圆点)高亮显示
  • 点击分页器(小圆点)切换对应图片
  • 点击前进/后退按钮切换当前图片的前一张/后一张图片
  • 图片无缝切换,第一张图片和最后一张图片无缝切换
  • 鼠标滑入停止图片切换,鼠标移出开始图片切换
  • 前进后退按钮防抖
阅读全文 »