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 區分層次的目...