前端
Missying55
这个作者很懒,什么都没留下…
展开
-
创建一个vite4+vue3+pinia+ts+vue-router项目
创建一个vite4+vue3+pinia+ts+vue-router项目原创 2022-11-15 15:28:22 · 387 阅读 · 1 评论 -
解决element-ui的upload组件上传文件失败后,仍显示在列表上(成功才显示,失败不显示)
el-upload 上传失败后,文件仍显示在列表上,如图:这个pdf文件上传失败,仍显示在列表,给人错觉是上传成功的,所以,我们把它去掉~,下面上代码:<el-upload class="upload-file padding" ref="uploadFile" multiple accept="image/jpeg,image/png,image/gif,application/pdf" :http-request="uploadFile" :on-change="onChange原创 2021-03-19 16:26:25 · 13523 阅读 · 13 评论 -
创建一个vue3.0项目流程(包含vue-router,store, Element UI,scss安装等)
步骤:1、npm install -g @vue/cli2、vue create project(项目名称)3、cd project(项目名称)4、npm install5、npm run serve // 起服务6、新建vue.config.js文件,与src同级vue.config.js内容:const VueConfig = { // 部署应用时的基本 URL publicPath: process.env.NODE_ENV === 'production' ? '' : '.原创 2021-03-08 15:24:22 · 970 阅读 · 2 评论 -
input file accept指定文件类型 xls、xlsx、ppt、pptx、doc、docx、pdf、csv、图片、html
.xls<input type="file" accept="application/vnd.ms-excel" />.xlsx<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />.ppt<input type="file" accept="application/vnd.ms-powerpoint" />.pptx原创 2021-01-28 15:57:57 · 12122 阅读 · 0 评论 -
后端接口返回不带前缀的base64字符串,将字符串转为文件流并下载(vue+axios)
接口数据返回如下:js代码如下:yearlyFeeCustomerImport({file: this.files}).then(res => { if (res.code === 5000) { // 导入失败 let str = 'data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8;base64,'+ r原创 2021-01-27 13:42:13 · 1151 阅读 · 0 评论 -
echarts + vue 实现项目进度不同颜色柱形甘特图
template 里代码<div class="demo> <div class="chart-title"><i class="completed">已完成</i><i class="timeout">超时</i><i class="to-be-completed">待完成</i></d...原创 2020-02-29 18:29:10 · 3786 阅读 · 14 评论 -
解决:无法加载文件 C:\Users\hhgw\AppData\Roaming\npm\increase-memory-limit.ps1,因为在此系统上禁止运行脚本
报错如下图:主要原因是没有权限运行脚本,解决方法如下:1、以管理员身份运行power shell2、输入set-ExecutionPolicy RemoteSigned,回车,接着输入A,回车,问题就解决了,然后在需要执行命令的项目执行刚报错的命令,就不会再报错了如有找不到power shell的小伙伴看过来,运行power shell图如下:...原创 2020-11-19 18:27:46 · 1308 阅读 · 0 评论 -
vue项目后端接口返回文件流,接口报错时前端获取不到错误信息解决方法和文件流处理
项目是vue+axios+elementUI,以下载压缩包(.zip)为例子:首先是html代码<!--此为element UI 框架的按钮--><el-button type="primary" @click="exportFiles" size="mini" >导出案卷包</el-button>其次是js代码<script>import { downloadCases } from '@/api/ipr/cases/baseInfo' //原创 2020-11-18 14:07:04 · 8505 阅读 · 0 评论 -
vue项目编译时报错:FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
vue编译时报错:FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory具体报错内容如下图片所示:解决方案如下:在终端执行:$ npm install -g increase-memory-limit进入当前项目下,执行命令行:$ increase-memory-limit执行启动项目的命令$ npm run dev接着你会看到项目已经成功地起好了,亲测在Mac成功!...原创 2020-11-17 21:46:49 · 3062 阅读 · 3 评论 -
element input框type=“number“,maxlength属性失效
element input框type=“number”,maxlength属性不起作用问题发现:1、maxlength类型需为number (参照官方文档)2、maxlength属性对type="number"类型的输入框无效,text类型亲测有效解决方法如下:<!-- 以下为代码,但一直不生效 --><el-input v-model="value" type="number" :maxlength="14" placeholder="请输入"></el-inp原创 2020-09-18 14:44:02 · 4224 阅读 · 2 评论 -
element el-input插槽(slot)使用和html标签(eg:div)里使用
slot插槽使用el-input 使用方法如下调用:html 自有标签,例如div:调用:原创 2020-06-05 14:33:10 · 11275 阅读 · 0 评论 -
vue watch 深度监听对象deep和监听单一数据变化
普通单一变量监听和对象深度监听,示例代码如下data () { return { a: '', obj: {} }}watch: { 'a': function (newVal, oldVal) { // 单一变量监听 console.log(newVal, oldVal) // 打印出来查看一下值 }, 'obj': { // 对象监听 handler: function (newVal, oldVal) { console.log(newVal, oldVal原创 2020-06-05 14:16:49 · 444 阅读 · 0 评论 -
element oss 文件上传多选,避免接口多次请求
element 上传文件时,选择多个文件会多次调用接口template代码如下:<el-upload class="upload-file" ref="uploadFile" :limit="limit" multiple show-file-list :http-request="uploadFile" :on-change="onChange" :data="dataObj" :before-upload="beforeu原创 2020-06-04 15:13:24 · 1286 阅读 · 0 评论 -
element table 多选禁用某一行,表头全选框去除
业务场景:多选表格某行不可选择实现如下图效果:话不多说,直接上代码<el-table ref="multipleTable" :data="tableData" border :header-cell-style="{background:'#eef1f6',color:'#606266'}" stripe tooltip-effect="dark" style="width: 10...原创 2020-03-09 11:01:57 · 6423 阅读 · 1 评论 -
vue中echarts纵轴添加点击事件
直接上代码initChart () { this.ganttChart = echarts.init(document.getElementById('gantt-chart')) const _self = this const chartOption = { title: { ...原创 2020-03-06 17:55:31 · 911 阅读 · 0 评论