tag element-ui

標籤
貢獻23
75
01:26 PM · Nov 03 ,2025
nidexiaoxiongruantangna 頭像 yunduanderizi_5c7f6d367b5d0 頭像 shuirongshui 頭像 youfujideshangpu 頭像 vformadmin 頭像 powerful_simon 頭像 crazylanius 頭像 sctec 頭像 muleblue 頭像 dingpengzhang 頭像 smallhuifei 頭像 dirackeeko 頭像

@element-ui / 博客 RSS 訂閱

huihui_gogogo 頭像

灰灰 - flex佈局下的<el-tooltip>位置問題與解決方案

問題描述 想在el-tabs/el-tabs裏的每一個el-tab-pane/el-tab-pane上加一個el-tooltip/el-tooltip 代碼如下所示： el-tabs v-model="choseTab" tab-position="left" el-tab-pane v-for="(config,k) in assetCheckConfig" :key="k.

flex , element-ui

收藏 評論

smallhuifei 頭像

smallStone - 微前端下element-ui等前端UI框架彈框偏移問題解決

本章1~6主要是解決無界微前端環境下element-ui彈框偏移問題，如果你用的是其他微前端框架，且提供了jsloader這種預處理器，則可以舉一反三解決同樣的問題。 7後面的內容可以通用react、vue、anglar，大家都可以嘗試嘗試，建議先用插件形式試試看，因為插件可以解決所有UI框架的偏移問題 如果不想看我廢話，請直接移步到5看代碼和後面的效果圖【此方法已經廢棄，因為官網更新了源碼。現在

微前端 , element-ui

收藏 評論

youfujideshangpu 頭像

智定義科技 - #智慧文旅整體解決方案：賦能景區智能升級，激活全域營銷勢能

一、背景      隨着科技的不斷髮展，旅遊業正逐步邁向智慧化、信息化。傳統的旅遊管理不足以滿足現代旅遊市場的多樣化需求，需通過建設現代化智慧文旅管理平台，提升旅遊服務質量和管理效率。 二、系統架構 三、軟件結構     本軟件採用的是 uniapp+JAVA 語言開發，編碼規範完全按照阿里巴巴編碼規範     移動端：採用 uni-app 方案，一份代碼多終端適配，同時支持 AP

uniapp , springboot , JAVA , element-ui , html5

收藏 評論

weirdo_5f6c401c6cc86 頭像

Weirdo - vue2項目同時引用了element ui的Dialog組件和iview ui的Model組件，Dialog遮擋Model內容

今天調試頁面效果的時候遇到這樣一個問題，就是項目中同時引用了element ui的Dialog彈窗組件和iview ui的Model彈窗組件，點擊Dialog彈窗中的某個輸入框需要彈出使用Model組件製作的地圖彈窗，發現如圖Model彈窗被Dialog彈窗遮擋，後面是在element ui的Dialog彈窗組件上加了句z-index:999解決了該問題，彈窗層級默認是自增的，但是使用不同

dialog , iview , element-ui , 前端 , Javascript

收藏 評論

shuihuyangpinga 頭像

hhffffggg - el-table在使用fixed固定列，表格錯亂問題

發現表格在初始值的時候，顯示正常，滑動到底部時，左側表格與固定列表高度不對齊，根據網上嘗試很多方法，修改css都不管用。 經過觀察發現，在初次加載時是正常的，只有在滑動到接近底部位置，不對齊。 解決思路：封裝全局指令（通過監聽table滾動到底部事件），避免重複邏輯，進行doLayout操作： el-table

element-ui , 前端

收藏 評論

yunduanderizi_5c7f6d367b5d0 頭像

雲端的日子 - elementui的遠程搜索select反覆點擊，光標一直可輸入&可拖拽div

問題描述： 點擊一下，聚焦，有光標， 可輸入 點擊第二下， 失去焦點， 無光標， 不可輸入 期望 ld期望不管點擊多少下， 都有光標可輸入 解決方案： 找ai， 不斷調試 注意：如果是可清空的遠程搜索select， 清空會有問題， 自行造一個x圖標， 然後寫功能， 還要注意hover到x圖標的時候不斷閃爍問題， x就讓它一直顯示算了， 不做hoverselect的時候才展示 d

element-ui , 前端

收藏 評論

yunduanderizi_5c7f6d367b5d0 頭像

雲端的日子 - 自定義頭部和左側的日期選擇組件 - 基於elementui的日期組件

代碼倉庫 https://gitee.com/wang-qianyuan/demo/tree/master/src/componen... 實戰效果 坑點resolve 使用node_module的elementui源碼的面板，報錯 內部用了一些webpack不能解析活轉化的內容， 問問ai， 更加具體， 我忘了~ 解決： 在vue.config.js中配置別名和轉化

vue.js , element-ui , 前端

收藏 評論

yunduanderizi_5c7f6d367b5d0 頭像

雲端的日子 - 前端工程師工作週報

0大前提：A系統是vue2+elementui 主要功能： 實現elementui貼近antdesign周選擇器和級聯選器的功能， 造輪子， 各種組件拼接， 使用源碼的api或者樣式早哦輪子 1.領導讓寫一個周選擇器，類似antd4.x版本的， 如下： ps：為什麼強調antd的版本， 因為antd4.x在我的A系統中不可用 因此用cursor重寫了一個輪子， 從div寫起， 邊問ai邊改

vue.js , ant-design-vue , echarts , element-ui

收藏 評論

qngyun1029 頭像

qngyun1029 - 模擬elementui輸入框el-input樣式效果

背景： 使用elementui組件時，通常會碰到這類需求，需要el-input一樣的樣式效果，但是不能輸入，卻需要點擊叉叉刪除文字內容，提供的原始屬性無法滿足，所以需要做一些改動。 要求： 1、交互效果和el-input一致； 2、不可輸入，但是可以點擊右側叉叉清空內容； 3、右側叉叉在文本框沒有內容時隱藏，有內容時，鼠標移上去顯示，鼠標移出隱藏； 效果圖如下： 代碼如下：vue 2

vue2 , element-ui

收藏 評論

shuirongshui 頭像

水冗水孚 - 實現el-table樹結構表格展開摺疊且合併單元格功能（兩種思路）

需求描述 樹結構表格 可展開摺疊，有children子集項 並且對應列還需要合併單元格（大類合併） 筆者試了試 使用el-table自帶的樹結構表格似乎沒法實現 就這個：:tree-props="{children: 'children', hasChildren: 'hasChildren'}" 於是，只能換種思路實現了 添加行、刪除行方式，同時動態計算需要合併的單元格信息 效

vue.js , element-plus , element-ui

收藏 評論

abigmiu_6623a1b3cafc9 頭像

abigmiu - element plus cascader lazyload 加載失敗後如何重新加載

我們通過setTimeout 來模擬加載數據， 通過直接resolve來模擬數據加載失敗。 代碼如下， 發現加載完後再次點擊是無法加載數據的。 代碼 https://element-plus.run/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA... 分析 從源碼裏面看是有一個變量來判斷他是否可以重新加載數據的。將 loaded 置為false後， 再次點擊是可

element-ui

收藏 評論

nidexiaoxiongruantangna 頭像

ThinkPHP - Yii2.0+Vue2.0+Element2.0

https://download.notestore.cn/2022/03/03/yii-vue-admin/

vue.js , yii , element-ui

收藏 評論

nidexiaoxiongruantangna 頭像

ThinkPHP - Yii2.0+Vue2.0前後端分離框架通用後台源碼

yii-vue-cms 是一個yii2 + vue + element-ui的後台極速開發框架，前後端分離。 可通過gii實現自動生成頁面（支持文本、富文本、單圖、多圖、生成），快速開發。 基礎功能有： 權限管理（實現了頁面路由 + 接口權限控制, 接口權限可隨意關閉）、圖片相冊、圖片上傳、富文本、導出。網址： http://yii2.vue2.notestore.cn/index.html

vue.js , yii , element-ui

收藏 評論

rk405264704 頭像

留白 - 記錄動態修改element中el-calendar日曆組件日期的高度

首先看下需求頁面的整體佈局。 頁面分為上下佈局，上邊模塊包含左側日曆和右側導入部分，下邊模塊是數據狀態部分。日曆和導入組件固定高度420px;日曆寬度500px;數據狀態寬度100%，高度自適應。 項目是由vue2+elementui開發，這裏主要説的是日曆的高度如何動態設置？ 由於業務需求，日曆只展示當前月份數據，使用css將上個月份和下個月份數據進行隱藏，所以日曆有時是5行數據展示，有

vue.js , scss , element-ui , Javascript

收藏 評論

defghy 頭像

defghy - element-ui部分引入失效問題追蹤

背景 項目使用vue2與element-ui；最近發現項目的部分引入失效了 // babel.config.js module.exports = api = { return { "presets": ['@vue/cli-plugin-babel/preset'], "plugins": [ [ "compon

vue-cli , 調試 , babel , element-ui

收藏 評論

vformadmin 頭像

vformAdmin - Vue表單設計器的終極解決方案

VForm是一個基於Vue 2.0和Element UI的高級表單組件，定位為前端開發人員提供快速搭建表單、實現表單交互和數據收集的功能。 VForm全稱為Variant Form，寓意為靈活的、動態的、多樣化的Vue表單組件。 VForm提供了豐富的組件屬性設置、表單交互事件和API方法，點此體驗：VForm體驗 VForm功能一覽： =======================

formvalidator , vue.js , form , 拖拽 , element-ui

收藏 評論

wuyagege 頭像

雲綺棠兮 - element-UI組件工具中button的原生代碼

實現的效果圖 實現代碼 !-- * @Author: [you name] * @Date: 2021-10-13 14:27:18 * @LastEditors: [you name] * @LastEditTime: 2021-10-14 16:21:38 * @Description: -- !DOCTYPE html html lang="en" head met

component , element-ui

收藏 評論

kangdongdong 頭像

Leadshop開源商城 - Leadshop【V1.1.5已發佈】新增：店鋪裝修：增加公告組件、標題組件、選項卡組件、商品組件，可單獨設置背景色等諸多功能！

Leadshop免費開源商城V1.1.5，歡迎下載 下載地址： https://gitee.com/leadshop/leadshop/releases 新增：店鋪裝修--增加公告組件 新增：店鋪裝修--標題組件、選項卡組件、商品組件，可單獨設置背景色 新增：手機店鋪首頁--提示用户收藏小程序 新增：安裝的環境檢測 新增：公眾號商城個人中心可換手機號綁定 優化：手機端

vue.js , php , uni-app , yii2 , element-ui

收藏 評論

populus 頭像

populus - composition events於v-model中的使用

前言：我們都知道vue中v-model指令可以實現雙向數據綁定，但他本質是一個語法糖，比如組件上的v-model默認會利用名為value的 prop 和名為input的事件。在自定義實現的過程中，發現在使用輸入法時，輸入拼音選擇候選詞同樣會觸發原生input標籤的input事件，從而更新value。但element-ui的input組件便不會如此，其實就是用到了composition events

vue.js , 雙向綁定 , input標籤 , element-ui

收藏 評論

dirackeeko 頭像

DiracKeeko - [Vue] el-form 表單驗證的異常情況

本文針對的場景是沒有手動觸發el-form的validator驗證，但是async-validator自動觸發(驗證)，控制枱async-validator驗證報錯的情況。 先貼一段代碼： template el-form ref="form" :model="formData" :rules="formRules" label-width="100px" size="medium"

validator , vue.js , form , element-ui , 前端

收藏 評論

zhoua_618109675b717 頭像

周哞哞啊 - vue+elementui中下拉框中的數據點擊，顯示不同的圖片，事件怎麼寫，感謝有沒有大佬啊

!-- 添加或修改模板管理對話框 -- el-dialog :title="title" :visible.sync="open" :class="[isOpen ? 'dialog_show' : '', 'lookBook']" width="500px" append-to-body el-form ref="form" :model="form" :rules="rules" la

vue.js , select , element-ui , 前端

收藏 評論

dingpengzhang 頭像

丁膨脹 - Vue自定義組件使用Element-ui表單校驗

一般情況下(form中的組件都是element提供的組件)在使用elm的表單校驗時我們是這麼使用的： // 栗子.vue template el-form :model="formData" :rule="rules" ref="formRef" el-form-item prop="inputValue" el-input v-model="for

vue.js , 表單驗證 , 源碼分析 , element-ui

收藏 評論

youfujideshangpu 頭像

智定義科技 - #智慧文旅：智能體系介紹—多場景管理

一、概述     構建景區多維度、立體化智慧管理體系，通過部署客流監測系統實現精準調度，運用AI視頻監控強化安全保障，依託智慧停車系統優化交通動線，藉助信息發佈與廣播系統提升服務觸達效率，結合輿情監測構建風險預警機制；同時創新引入AR/VR虛擬漫遊、雲直播導覽等沉浸式體驗場景，打造全景可視化數字空間，實現物理景區與數字孿生的深度融合。該體系不僅顯著提升景區實時管控能力和應急處置水平，更通過科技賦

uniapp , springboot , JAVA , element-ui , html5

收藏 評論

muleblue 頭像

慕樂丶Blue - vue2jsx遇到的小坑

最近在公司的代碼中遇到的一些坑,目前公司代碼質量有點蛇皮..(組件套組件被套用的組件只是一個表單,翻來翻去就為了看個破錶單...)雖然不是我寫的,但是在維護上確實有點麻煩... 索性直接用jsx抽個表單. 依賴: "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0", "@vue/babel-preset-jsx": "^1.4.0", "elemen

vue.js , jsx , element-ui , 前端

收藏 評論