Missying55-CSDN博客

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “placement”

2022-07-20 11:51:16 5566

原创解决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 13708 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 987 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 12367

原创后端接口返回不带前缀的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 1188

原创解决：无法加载文件 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 1327

原创 vue项目后端接口返回文件流，接口报错时前端获取不到错误信息解决方法和文件流处理

项目是vue+axios+elementUI,以下载压缩包(.zip)为例子:首先是html代码<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 8596

原创 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 3086 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 4256 2

原创 windows环境：git push 报 HTTP Basic: Access denied 错误

问题描述：在windows环境下，执行命令 git push时报 HTTP Basic: Access denied 错误原因：本地git配置的用户名、密码与gitlabs上注册的用户名、密码不一致解决方法：如果账号密码有变动用这个命令 git config –system –unset credential.helper 重新输入账号密码应该就能解决了如果用了第一个命令还不能解决问题那么用这个命令：git config –global http.emptyAuth true如果以上

2020-06-11 17:46:31 281

原创 element el-input插槽(slot)使用和html标签(eg:div)里使用

slot插槽使用el-input 使用方法如下调用：html 自有标签，例如div:调用：

2020-06-05 14:33:10 11345

原创 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 445

原创 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 1315

原创 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 6534 1

原创 vue中echarts纵轴添加点击事件

直接上代码initChart () { this.ganttChart = echarts.init(document.getElementById('gantt-chart')) const _self = this const chartOption = { title: { ...

2020-03-06 17:55:31 922

原创 mac删除node 步骤

卸载node依次在终端执行下面的脚本$ sudo npm uninstall npm -g$ sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*$ sudo rm -rf /usr/local/include/node /Users/$USER/.npm$ su...

2020-02-29 18:43:55 584

原创 git命令行新建分支，并推送至远程分支（git 新建远程分支）

1.查看当前分支：$ git branch2.查看所有分支，包含远程分支：$ git branch -a3.新建分支：$ git checkout -b ying4.推送本地分支到远程分支(远程分支与本地分支同名)：$ git push origin ying:ying5.让本地分支与远程分支建立关联：$ git branch --set-upstream-to=ori...

2020-02-29 18:40:33 985 1

原创 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 3816 14

原创 vue+element table 上移下移功能实现

上移：table 里列的 template里按钮<el-button size="mini" type="text" @click="handleUp(scope.$index, scope.row)">上移</el-button><el-button size="mini" type="text" @click="handleDown(scope.$index...

2020-02-29 18:12:12 2131

Missying55的博客

原创小程序properties默认值定义及父子组件的传值

原创 css伪元素实现三角形箭头和空心箭头

原创 vant weapp中dialog的beforeClose使用

原创 iKuuu 安装后浏览器显示未链接网络，无法访问

原创 HBuilder uniapp发行h5遇到报错：此应用 DCloud appid 为 UNI95950AD ，您不是这个应用的项目成员。

原创华为云文件上传（单个上传和分段上传）

原创 Sourcetree突然打不开，双击打开，图片闪一下就没反应了

原创创建一个vite4+vue3+pinia+ts+vue-router项目

原创快速创建一个react项目

原创 vue3 Extraneous non-props attributes (modelValue) were passed to component but could not be automati

原创 Prop being mutated: “placement“解决方法