07.02 關於filter 和 forEach 的實際用法

  1. 有一個輸入框,包含下拉選項。把後臺返回的數據,以列表的形式展現在下拉框的下拉選項中。返回的數據中,會有一個麼默認參數,含有默認參數的選項,需要在頁面加載的時候,展示額外在輸入框中。
關於filter 和 forEach 的實際用法

在computed計算屬性中,寫一個isLAtestData方法。

isLatest === 1 時,該條數據為需要展示在輸入框的默認數據。

2. 當點擊下拉框中的選項時,需要在輸入框中展示出來.

關於filter 和 forEach 的實際用法

在綁定的點擊事件上,接收頁面傳過來點擊的當前的index,然後在數據中做遍歷,forEach回調接收3個參數,el(當前數組元素)i(元素的下標)array(當前的數組)

把array的所有元素的isLatest都設置成0(因為在上面的計算屬性中,isLatest為1的時候才會顯示到輸入框中),把點擊的選項的isLatest設置為1.

如果i 等於 當前的index時,就把i的isLatest設置為1,顯示到輸入框中去。

關於filter 和 forEach 的實際用法


分享到:


相關文章: