使用mint ui開發專案的一些心得 分享

2022-10-08 13:03:15 字數 1293 閱讀 1602

mint-ui:

1、cell

開發過程中,有時需要修改mt-cell自帶的icon和value的標籤樣式,這時我們可以在內新添如下標籤進行改寫:

&程式設計客棧lt;span>}

mt-cell無法直接繫結v-click事件,修改做法可以在外麵包一層

,在div上繫結click事件,**可參照第2點search中的**;

2、search

通常情況下我們的引數不會直接是乙個陣列,可能需要對資料進行一些自定義處理,我的寫法如下:

">

filterresult是計算屬性,以此過濾好後台傳來的資料後,再將其繫結在cell外的div層,還可以如第1點所說的繫結click事件,此處filterresult進行了中英文過濾,可以通過資料的中文名和英文名兩個屬性進行搜尋。

filterresult()

} return that.defaultresult;

} else

return that.defaultresult.filter(value => new regexp(val, 'i').test(value));

} }3、tabbar

通常情況下,底部的tabbar欄是需要在多頁面復用的,所以可以獨立成乙個元件,然後通過外部容器作為父元件進行使用,切換tab的同時,tabbar需要向父元件傳遞選中的乙個自定義的tabchange事件

selecttab: function(id)

父元件接收自定義事件tabchange,觸發setselected函式進行資料更新,通過資料驅動檢視更新:

修改selected的值來切換tab

setselected: function(data)

程式設計客棧template內有關tab-container裡的**如下:

4、header

mt-header的title因為是mint-ui框架自帶生成的,所以在父元件上我們可能無法在title上繫結click事件,但功能需求中有這樣的要求:

雖然應該極力避免直接操作dom,但目前我的解決方法還在頁面渲染完成之後,在mounted的生命週期中用原生js繫結click事件,因為此時html元素已經生成,所以可以繫結到title的標籤

5、dateti程式設計客棧me-picker

使用該元件一定要注意mint-ui的版本,2.2.5以上才可以,版本低會導致無法正常呼叫open方法顯示datetime-picker。

open(picker)

本文標題: 使用mint-ui開發專案的一些心得(分享)

本文位址: /ruanjian/j**a/202800.html

專案的一些總結

這是我做的第乙個專案,關於電商型別的專案,主要用的是jquery和json資料庫。通過做這個專案我總了三點,希望對大家有用 1.做專案前 首先要想好自己寫的是什麼型別的專案,再去看看這個型別專案的模板,讓自己腦袋裡有個框架。開始動手去開發專案,一定要先理好自己的思路,結構,如何實現。一般來說,做的時...

對SSH開發B S專案的一些理解

為了做畢業設計,這些天加班加點地工作,到現在,基本上快要完成了.現在回想一下,用ssh開發專案的滋味真是什麼都有.首先要說的是,因為我用的struts1.x的版本,對action,actionform深有體會.在專案中用的最多的就是dispatchaction了,這樣可以大大減少action類的數量...

關於專案的一些心得

1.分析需求很重要。在最近做的專案中,關於需求這一點,基本上不容易一次就找好,總是需要不斷的反覆看業務去分析才能知道需求。2.三層架構模式 介面層 user inte ce layer 業務邏輯層 business logic layer 資料訪問層 data access layer 區分層次的目...