![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
吃我一锅
这个作者很懒,什么都没留下…
展开
-
部门选择器,(自己备用,别人看不懂)
部门选择器原创 2022-09-05 14:44:28 · 219 阅读 · 2 评论 -
大文件分片上传(自己备用,别人不一定看得懂)
大文件分片上传原创 2022-08-12 16:42:53 · 271 阅读 · 3 评论 -
vue element 表格懒加载 局部刷新
某一行要进行新增、编辑、删除操作的时候调用该方法refreshTable(id){ //获取children的接口 xxx.({id:id}).then((res)=>{ if(res.success){ //使用懒加载的表格加上ref="table" this.$set(this.$refs.table.store.states.lazyTreeNodeMap,id,res.data) }else{ //删除的防止删除最后一个子集,接口返回的数据接口不同,具体情况原创 2021-01-27 14:04:24 · 1978 阅读 · 1 评论 -
vue中使用element-ui
1.安装npm i element-ui -S2.引用 main.jsimport Element from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(Element)原创 2020-11-05 16:27:45 · 86 阅读 · 0 评论 -
element-ui导出表格
安装依赖npm install --save xlsx file-saver需要的组件内引入import FileSaver from "file-saver";import XLSX from "xlsx";js//导出表格 exportExcel () { /* generate workbook object from table */ var wb = XLSX.utils.table_to_book(document.querySel转载 2020-10-22 17:54:17 · 414 阅读 · 0 评论 -
Vue +Element Ui 使用Upload组件实现多图片上传
html部分<el-form-item prop="pictures" label="图片集"> <el-upload :action="uploadUrls" :multiple = true list-type="picture-card" :with-credentials='true' :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :on-error="handleError原创 2020-10-22 17:48:34 · 1982 阅读 · 0 评论 -
wavesurfer.js使用搭配vue
1.安装 npm install wavesurfer.js2.代码<template> <div v-loading="loading" class="waveSurfer"> <!-- 频谱图 --> <div id="waveform" ref="waveform" @click="clearReagion" /> <!-- 时间轴 --> <div id="wave-timeline" /&原创 2020-06-29 16:29:00 · 1460 阅读 · 5 评论 -
element-ui+vue单文件上传和 多文件批量上传(多文件走一次接口)
**单文件上传**html<el-upload ref="upload" class="upload-demo" action="接口地址" :data="voiceMeta.uploadParams" :on-change="handleFileChange" :on-remove="handleFil原创 2020-06-04 09:26:42 · 9719 阅读 · 8 评论