elemenui
图拉呀
这个作者很懒,什么都没留下…
展开
-
el-tooltip宽度超过父容器的宽度,导致提示框不跟随文字内容
实现方式为: 给 tooltip一个display属性,除inline以外的任意值。原创 2023-10-26 16:55:35 · 227 阅读 · 0 评论 -
css实现卡片的左上角有一个三角形的遮盖效果
卡片的左上角有一个绿色的三角形标签,用来区分状态。原创 2023-08-04 17:08:44 · 1692 阅读 · 0 评论 -
vue项目中,在el-dialog 对话框里使用ref获取表格,报undefined
vue项目中,在el-dialog 对话框里使用ref获取表格,报undefined原创 2022-01-07 18:46:33 · 1678 阅读 · 0 评论 -
elementui 输入框下拉面板宽度跟随输入框宽度
elementui 输入框下拉面板宽度跟随输入框宽度 <el-form-item label="业务系统" prop="businessSystemId" class="select-mul" v-else> <el-select v-model="projectForm.businessSystemIdList" placeholder="请选择业务系统"原创 2022-01-05 17:23:10 · 1819 阅读 · 2 评论 -
vue 项目中 base64格式文件下载
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=原创 2021-12-30 17:13:55 · 2983 阅读 · 2 评论 -
vue 项目中 制作日历
原创 2021-12-29 18:22:46 · 765 阅读 · 3 评论 -
vue + elementui项目中,修改全局滚动条样式
vue + elementui项目中,修改全局滚动条样式在全局style样式文件里写/**修改全局的滚动条*//**滚动条的宽度*/::-webkit-scrollbar { width: 8px; //y轴宽度 height: 8px; //x轴高度 }//滚动条的滑块::-webkit-scrollbar-thumb { background-color: #eaecf1; border-radius: 3px;}//修改表格的滚动条.原创 2021-12-23 16:03:59 · 1014 阅读 · 0 评论 -
vue + elementui 项目中使用clipboard2 复制标题时提示this.$messsage is not a function
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(`$原创 2021-12-21 17:53:55 · 1415 阅读 · 0 评论 -
elementui 的table实现列合并
实现效果如下,根据后端接口返回的数据,功能需求编号相同的实现行合并实现代码如下:<template> <div> <j-table ref="table" v-loading="loading" :data="tableData" :span-method="arraySpanMethod" :request="getTableList" :mergeList="['issueKey']"原创 2021-08-11 09:31:33 · 970 阅读 · 0 评论 -
vue +elementui 项目中表单提交 同时上传图片,转为base64格式传给后端
1.新增应用时时一个form 表单,其中一个是用户上传应用图标。2.要求传给后端时以base64格式,需要前端转换。在上传时的chaneg事件里转,完整代码如下<template> <j-page> <div slot="content"> <!-- <el-button type="text" icon="el-icon-back">返回</el-button> --> <el-butt原创 2020-09-02 18:24:11 · 2085 阅读 · 1 评论 -
vue中使用elementui做表单提交时,同时验证多个form
多个表单同时验证项目中遇到这样的多个表单同时提交,内容太多,分成两个form表单,一个是basicForm,一个是advanceForm,点击确定按钮时同时验证,验证通过提交表单,有一个不通过则不提交,代码是这样写的 async saveInfo() { // console.log(this.exampleData.map(r => r.exampleName)); // console.log(this.userData.map(r => r.userEx原创 2020-06-24 16:03:44 · 6528 阅读 · 0 评论