亚洲乱色熟女一区二区三区麻豆,永久黄网站色视频免费,亚洲欧美日韩一区二区,亚洲综合色噜噜狠狠网站超清,中文字幕乱码一区二区三区免费

首頁 > win軟件 > 編程開發(fā) > 編程軟件 > Element UI
Element UI

Element UI

官方版 v2.13.2
大小

2.86MB

語言

簡體

系統(tǒng)

WinAll

類別

編程軟件

下載

8317

更新

2025-02-05

要不點點贊?

416

軟件介紹

Element UI是款為編程開發(fā)行業(yè)的用戶打造的網(wǎng)站快速成型工具。Element UI電腦版能夠讓我們對相關(guān)組件進(jìn)行快速處理和管理,能夠幫助我們對網(wǎng)站快速成型工具。Element UI還可以快速設(shè)計出用戶需要的UI框架,用戶在開發(fā)前端的時候就可以做到。讓你在最短的時間內(nèi)完成網(wǎng)站開發(fā)。

軟件特色

一致性Consistency

與現(xiàn)實生活一致:與現(xiàn)實生活的流程、邏輯保持一致,遵循用戶習(xí)慣的語言和概念。

在界面中一致:所有的元素和結(jié)構(gòu)需保持一致,比如:設(shè)計樣式、圖標(biāo)和文本、元素的位置等。

反饋Feedback

控制反饋:通過界面樣式和交互動效讓用戶可以清晰的感知自己的操作。

頁面反饋:操作后,通過頁面元素的變化清晰地展現(xiàn)當(dāng)前狀態(tài)。

效率Efficiency

簡化流程:設(shè)計簡潔直觀的操作流程;

清晰明確:語言表達(dá)清晰且表意明確,讓用戶快速理解進(jìn)而作出決策。

幫助用戶識別:界面簡單直白,讓用戶快速識別而非回憶,減少用戶記憶負(fù)擔(dān)。

可控Controllability

用戶決策:根據(jù)場景可給予用戶操作建議或安全提示,但不能代替用戶進(jìn)行決策。

結(jié)果可控:用戶可以自由的進(jìn)行操作,包括撤銷、回退和終止當(dāng)前操作等。

軟件功能

1、指南:了解設(shè)計指南,幫助產(chǎn)品設(shè)計人員搭建邏輯清晰、結(jié)構(gòu)合理且高效易用的產(chǎn)品。

2、組件:使用組件Demo快速體驗交互細(xì)節(jié);使用前端框架封裝的代碼幫助工程師快速開發(fā)。

3、主題:在線主題編輯器,可視化定制和管理站點主題、組件樣式

4、資源:下載相關(guān)資源,用其快速搭建頁面原型或高保真視覺稿,提升產(chǎn)品設(shè)計效率。

安裝步驟

1、在項目下輸入npm install element-ui-S;

2、查看配置文件package.json,是否有element-ui組件的版本號如下圖:

3、安裝成功后,在node_modules中可以看到element-ui的文件夾,所有安裝的源文件可以在這里面找到;

4、在main.js文件中引入element組件:

import ElementUI from‘element-ui’

import‘element-ui/lib/theme-chalk/index.css’

Vue.use(ElementUI)

使用方法

通過代碼關(guān)閉message提示的方法

一般我拋出提示信息,是直接this.$message。但是存在這樣的情境,即我完成了一個操作后,這個提示應(yīng)該被立即關(guān)閉,而不是等它超時消失。答案就是,this.$message實際上會返回message對象的引用,那么我們定義一個變量來存這個引用,然后在需要的使用調(diào)用close方法即可。如messageHandle=this.$message...messageHandle.close

動態(tài)修改下拉框的可選項的方法

有些時候,當(dāng)前下拉框的選項取決于前一個下拉框的選中項,這時候就需要動態(tài)變動可選項。其中下來框的可選項一般都是通過v-for渲染的。如。那么動態(tài)修改可選項的話,直接修改要遍歷的數(shù)組就可以了,即修改items數(shù)組的內(nèi)容就可以了。另外如果當(dāng)前下拉選項由上一個下來框的選中值決定,那么上一個下來框就可以在 change方法里面進(jìn)行這個操作。

常見問題

問:表格字段過長省略?

答:elmentUI的table-column有提供屬性show-overflow-tooltip只要在對應(yīng)的字段上設(shè)置為true,則文本超出部分就會用省略號替代,并且鼠標(biāo)移至其上時,可查看完整信息。

問:如何獲取行數(shù)據(jù)作為方法參數(shù)?

答:如果要為表格的每一行都添加操作按鈕,如刪除。這些刪除按鈕綁定的是同一個方法,那么如何區(qū)分是誰調(diào)用的呢,答案就是在方法中傳入?yún)?shù),而這些參數(shù)就是在渲染的時候?qū)懰涝?click的方法參數(shù)里面。獲取本行數(shù)據(jù)的方法就是scope.row.xxx,其中xxx就是本行數(shù)據(jù)的某一個屬性。如: click="deletescope.row.id

問:如何綁定事件?

答:發(fā)現(xiàn)指定 click是沒有響應(yīng)的。官方的使用方法是,在command屬性指定操作命令,然后在里面制定用于處理command的操作方法,例如 command="handleCommand",然后在里面類似做switch的操作,即根據(jù)不同的值來進(jìn)行對應(yīng)的操作。還有就是command可以直接就是方法名,然后在handleCommand方法里面,這樣調(diào)用:this[command]。這樣就是直接調(diào)用methods方法集中的對應(yīng)方法。

但是,如果方法需要傳遞參數(shù)呢,用這種方法就不好做了??偛荒茉僭谶@個command字符串中去把方法名和參數(shù)分別解析出來吧,那太麻煩了。解決方法就是 click.native="func",這種方式可以直接調(diào)用methods方法集中的對應(yīng)方法,傳參自然就沒問題了。

更新日志

新特性

添加change事件#17913 by sxzz

Bug修復(fù)

修復(fù)類型為textarea時建議錯誤問題#18478 by Roojay

修復(fù)console.warn文案拼寫錯誤#18264 by IceFox

修復(fù)當(dāng)preview-src-list屬性不包含src時圖片預(yù)覽大圖展示為空的問題#18975#19130 by luckyCao

修復(fù)第二次圖片預(yù)覽時快捷鍵失效問題#18983#19156 by luckyCao

修復(fù)preview-src-list為空時點擊圖片會給body添加overflow:scroll的問題#18967 by inooNgt

修復(fù)和Form組件一起使用時錯誤的行高問題#18917 by Hanx

正確計算inputNumberDisabled#18439 by ashuser-pendo

更新首頁文案#19155 by iamkun

更新Popconfirm文檔#18324 by iamkun

修復(fù)step-strictly文檔拼寫問題#18705 by dream2023

修復(fù)Steps組件文檔問題#17555 by haoranyu

小編寄語

Element UI通過界面樣式和交互動效讓用戶可以清晰的感知自己的操作。Element UI中文可以根據(jù)場景可給予用戶操作建議或安全提示,但不能代替用戶進(jìn)行決策,用戶可以自由的進(jìn)行操作,包括撤銷、回退和終止當(dāng)前操作等。

軟件介紹 軟件特色 軟件功能 安裝步驟 使用方法 常見問題 更新日志 小編寄語