u010328533的博客

实现方式为: 给 tooltip一个display属性,除inline以外的任意值。

卡片的左上角有一个绿色的三角形标签,用来区分状态。

elementui,样式

滚动右侧区域，模块标题到达顶部，对应左侧菜单会高亮。点击左侧导航菜单，右侧对应的模块会滚动到顶部位置。

数组处理方法

elemntui 对话框居中对齐

vue项目中下载文件场景：项目中下载文件过大时接口无法正常响应， 后端给的解决方案是从另一个文件服务器上下载文件，所以提供的是一个跨域访问的api接口，前端需跨域调用后端接口下载文件// 下载 async downLoad(row) { const res = await getDownUrl({ 先调普通接口，后端返回一个跨域的url packId: row.id }) if (!res.isSuccess) { ret

echarts图表tooltip显示不全场景，一个对话框里展示6个eacharts图表，容器高度不够，导致图表的tooltip被遮挡，如图尝试使用echarts的position属性控制，但效果不好，最后使用confine属性解决官方文档解释是代码实现： options: { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow'

vue 项目横向菜单item过多导致换行问题问题：解决方案：菜单默认展示8个，超过8个时出现左右箭头，可以切换代码实现：<template> <div class="scrollbar"> <!-- <el-scrollbar wrap-class="scrollbar-wrapper"> --> <el-row type="flex"> <span v-if="showDrop" class

vue 项目中，动态修改浏览器标签页的图标需求：项目中有一个入口可以修改平台的名称和图标，图标同步展示为浏览器页签的图标实现：1.找到项目中的app.vue 文件，动态创建link标签，调用后端接口，获取返回的图片，我的项目中，后端返回的图片格式为base64格式<template> <div id="app"> <router-view /> </div></template><script>i

vue项目中，在el-dialog 对话框里使用ref获取表格，报undefined

vue 项目中 base64格式文件下载其中 this.info 是里包含后端返回的base64文件数据结构如图<template> <div> <el-dialog :title="title" width="40%" :visible.sync="visible" :before-close="onClose" :close-on-click-modal="false" v-on=

vue + elementui项目中，修改全局滚动条样式在全局style样式文件里写/**修改全局的滚动条*//**滚动条的宽度*/::-webkit-scrollbar { width: 8px; //y轴宽度 height: 8px; //x轴高度 }//滚动条的滑块::-webkit-scrollbar-thumb { background-color: #eaecf1; border-radius: 3px;}//修改表格的滚动条.

vue + elementui 项目中使用clipboard21.安装依赖包npm install vue-clipboard2 --save2.在项目main.js 文件中引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3.具体页面中使用 // 复制标题到剪贴板 titleCopy(row) { const _this = this this.$copyText(`$

实现效果如下，根据后端接口返回的数据，功能需求编号相同的实现行合并实现代码如下：<template> <div> <j-table ref="table" v-loading="loading" :data="tableData" :span-method="arraySpanMethod" :request="getTableList" :mergeList="['issueKey']"

vue 中父子组件调用时报错Avoid mutating a prop directly since the value will be overwritten项目中使用vue ，组件化开发过程中，将新增对话框分离为一个子组件父页面内容子页面内容这里用一个自定义dbVisible属性，传递控制这个抽屉的显示与隐藏，直接这样写的话页面会报错如图所示查了一下，这个报错是因为单向数据流所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组