大巡狩-优快云博客

原创 VUE + Quill富文本编辑器使用总结

<template> <div> <el-upload :action="uploadUrl" :before-upload="handleBeforeUpload" :on-success="handleUploadSuccess" :on-error="handleUploadError" name="file" :show-file-list="false" :headers="headers" style="display: none" ref="uploa

2022-05-09 11:04:38 664

原创 uni-app头像上传

uni-app头像上传相关代码相关代码updateAvatar() { let baseUrl = '';//后台接口地址 uni.showActionSheet({ itemList: ['查看头像','从相册选择'], success: (res) =>{ let index = res.tapIndex; if(index == 0){//查看头像 let avatarArr = []; avatarArr.push(this.avatar);

2022-03-10 15:05:36 791

原创 Vue+Element-ui，el-table-column使用v-if出现表格列错乱问题

Vue+Element-ui，el-table-column使用v-if出现的问题问题项目中，根据后台传值，使用v-if判断表格中功能列是否显示时，出现表头错位解决<el-table-column prop="status" label="设备状态" key="status"></el-table-column>原因key作为一个DOM节点的标识值，结合Diff算法可以实现对节点的复用。(key相同的节点会被复用)；只有当key(或其他导致isSameNode判断

2021-04-08 10:10:07 1082

原创 npm 下载依赖包^与~的区别

举例version:1.1.8，（遵循大版本.次要版本.小版本规则）*会安装最新版本的依赖包^会匹配最新的大版本依赖包，比如1.1.8会匹配1.x.x系列所有包，但不包括2.x.x系列~会匹配最近的小版本依赖包，比如1.1.8会匹配1.1.x系列所有的包，但不包括1.2.x系列注意：版本更新可能比较大，可能出现版本的包与现有代码不兼容遇到问题原因项目中前端封装组件更新，版本号未变，在jekins打包时，会优先比对依赖版本号是否发生改变，防止重复下载。在处理此问题时，优先执行

2021-04-01 16:54:53 419

原创 VUE+Element-ui开发，el-tooltip组件使用无效

VUE+Element-ui开发，el-tooltip组件使用无效版本说明Vue:2.5.2element-ui:2.8.2webpack:3.11.0问题项目中使用element-ui其它组件正常，在使用el-tooltip及show-overflow-tooltip属性时不起作用，开始使用el-popover来模拟效果，后被提bug（el-popover有最小宽度）。处理webpack配置打包问题，element-ui依赖vue.esm.js。修改webpack.dll.conf.j

2021-03-25 18:37:39 1946

原创实现element-ui表格el-table展开行

实现element-ui表格el-table展开行<template> <el-table :data="tableData" style="width: 100%" @row-click="rowClick" :row-key='getRowKeys' :expand-row-keys="expands" @expand-change="expandChange" ref="tableList"> <el-table-column type="expand"&gt

2020-08-24 19:57:16 3563

原创 Vue+Element table实现局部loading效果(不包含表头)

项目中，有一个表格加载数据，因为接口需要连接设备成功后才会返回数据，前端获取数据时间较长，所以添加局部Loading效果，以提升用户体验度element-loading-spinner="el-icon-loading" :element-loading-text="$t('tip.loading')" element-loading-custom-class="equipment-loading" element-loading-background="rgba(55,55,55,0.2)...

2020-07-13 20:30:09 11102 10

原创 Vue Error：[ElTable] prop row-key is required

前提：element-ui、table、多选、分页条件：在el-table-column中使用:reserve-selection="true"来保留首页或其他选中数据时的选中状态报错：解决：在el-table上添加:row-key=“getRowKey”注：此处将row-key值定为idmethods: { getRowKey(row){ return row.id; }, }欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑

2020-06-11 17:33:09 12777 2

qq_42041465的博客