吴小明- - 博客园

2021年7月27日

摘要： handleDownload(row) { const { id, pictureurllist } = row if (pictureurllist && pictureurllist[0]) { const { fileservicepath, filesuffix, title } = pic 阅读全文

posted @ 2021-07-27 20:20 吴小明- 阅读(523) 评论(0) 推荐(0)

elementUI表格设置单元格文字hover样式

摘要：效果：使用 show-overflow-tooltip 无法设置hover状态时的样式，改用 el-tooltip 1、 <el-table-column label="核心使用场景" min-width='300'> <template scope="scope"> <el-tooltip ef 阅读全文

posted @ 2021-07-27 18:17 吴小明- 阅读(1021) 评论(0) 推荐(0)

elementUI表格头部添加icon并且鼠标移入显示内容（render-header）

摘要：效果： 1、设置 render-header <el-table-column prop="levelname" label="层次" width="180" show-overflow-tooltip :render-header="renderTableHeader" /> 2、renderTa 阅读全文

posted @ 2021-07-27 16:16 吴小明- 阅读(1412) 评论(0) 推荐(0)

2021年7月20日

pdfh5-移动端pdf预览

摘要： pdfjs在pc端预览：https://www.cnblogs.com/wuqilang/p/13031290.html 当使用pdfjs在移动端预览时显示不出来，pc端调式是可以的，到了手机上就不行。使用pdfjs： 1、下载：npm install pdfh5 2、使用： <template 阅读全文

posted @ 2021-07-20 11:18 吴小明- 阅读(2953) 评论(0) 推荐(0)

2021年7月14日

reactHooks+antd+react-pdf封装pdf预览组件

摘要： 1、下载插件： npm i react-pdf 2、PdfPreview/index.tsx /* 进入该组件时，通过路由传递path进来，形如： history.push({ pathname: '/pdfPreview', query: { path } }) */ import React, 阅读全文

posted @ 2021-07-14 20:33 吴小明- 阅读(1227) 评论(0) 推荐(0)

2021年7月11日

基于elementUI二次封装下拉框学年组件selecte组件（优化上一篇）

摘要：优化点：选中的年份由父组件传入，不传即默认为空 step： 1、SchoolYear.vue： <template> <el-select v-model="currentYear"> <el-option v-for="item in tempYearList" :key="item.value" 阅读全文

posted @ 2021-07-11 22:36 吴小明- 阅读(525) 评论(0) 推荐(0)

基于elementUI二次封装下拉框学年组件selecte组件（体验v-model给自身双数据绑定和给组件双数据绑定）

摘要：需求： 1、封装一个下拉框组件，选择学年 2、学年list默认是组件自带，如果父组件传值了用父组件传来的 3、默认选中当前年份 step： 1、components中定义SchoolYear.vue /** * props: * yearList // select数据格式： [{text, va 阅读全文

posted @ 2021-07-11 21:01 吴小明- 阅读(934) 评论(0) 推荐(0)

2021年7月9日

elementUI自定义el-table头部的样式

摘要： 1、components下新建MyTable/index.vue <template> <div class="my-table"> <el-table :data='tableData' :header-cell-style='headerCellStyle'> <slot></slot> </e 阅读全文

posted @ 2021-07-09 22:50 吴小明- 阅读(978) 评论(0) 推荐(0)

2021年7月1日

递归遍历删除children为[]的children

摘要： const arr = [ { value: 'zhejiang', label: 'Zhejiang', children: [ { value: 'hangzhou', label: 'Hangzhou', children: [ { value: 'xihu', label: 'West La 阅读全文

posted @ 2021-07-01 16:22 吴小明- 阅读(312) 评论(0) 推荐(0)

2021年6月28日

将v-model的值绑定到vuex中时遇到的问题及解决办法（computed替代watch）

摘要： store.js如下： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { value: 100 }, mutations: { updateValu 阅读全文

posted @ 2021-06-28 21:30 吴小明- 阅读(957) 评论(0) 推荐(0)

吴小明

公告