在很多uniapp做的訂單列表中,如果選項(xiàng)過多,由于手機(jī)屏幕有時(shí)候不是很大,所以我們必須根據(jù)訂單狀態(tài)的不同顯示不同的選項(xiàng),這樣也更符合邏輯,比如,我們肯定不能在未發(fā)車的時(shí)候顯示收車選項(xiàng)。
首先,我們要根據(jù)狀態(tài)不同構(gòu)建一個(gè)數(shù)組,但是肯定不能一個(gè)狀態(tài)構(gòu)建一個(gè),所以這里可以使用解構(gòu)賦值,先構(gòu)建一個(gè)公共的數(shù)組,再根據(jù)需要把額外的需要功能賦值給公共數(shù)組。
比如這里,我們創(chuàng)建一個(gè)數(shù)組。
然后我們在根據(jù)訂單狀態(tài)賦予不同的額外選項(xiàng)。...base,就是ES6中解構(gòu)賦值的寫法之一。
這樣,我們就可以根據(jù)創(chuàng)建好的數(shù)組,賦給彈出菜單。
彈出菜單根據(jù)不同的value值,跳轉(zhuǎn)到不同的頁面。
了解更多uniapp知識(shí)點(diǎn)這里。