利用深拷貝實現關鍵詞搜索功能
在做關鍵詞搜索功能的時候，需要對后臺給出的數據進行處理，用到了filter過濾器來篩選對象中的數據。首先在本地準備兩個變量，一個用來存儲后臺數據，一個用來過濾篩選。如圖：關鍵詞搜索的過程便是對userList進行篩選的過程。注意每次過濾之前都需要令userList=userAllList，防止越篩越少。但是執行的時候，卻發現第二次搜索無法正常實現。將userList和userAllList都打印了...
vue功能介紹之計算屬性
大多數情況下，我們都可以將Vue組件中定義的屬性數據直接渲染到HTML中，但有些情況下，屬性中的數據需要處理后再進行渲染，Vue給我們提供了計算屬性來實現這種邏輯。計算屬性是用來聲明式的描述一個值依賴了其它的值。當你在模板里把數據綁定到一個計算屬性上時，那么當其依賴的任何值發生變化時，Vue 會使該計算屬性改變并同時更新 DOM。這個功能非常強大，它可以讓你的代碼更加聲明式、數據驅動并且易于維護。...
vue功能實現之計算屬性
上一章我們已經了解了什么是計算屬性，下面我們需要利用計算屬性實現一些更復雜的功能。如圖，當用戶輸入身高和體重時，我們需要自動計算出來用戶的bmi。并且當bmi的值大于30小于40或大于40時，右側的按鈕能夠同步高亮。如圖所示：首先通過weight和height綁定用戶輸入的身高和體重，接著定義一個計算屬性bmi，其依賴于用戶所輸入的身高和體重，經過運算返回一個帶一位小數的bmi值。接著渲染到頁面上...
阿里巴巴矢量圖在vue項目中的運用
阿里巴巴的矢量庫中擁有巨量的圖標，各式各樣，屬于一搜一大把的，而且矢量庫中允許使用png的形式下載，也就是說我們可以把圖標作為圖片直接使用，這里我們不介紹。主要介紹一下類似elementUI的font-class的引入方式。 首先，你要先擁有一個本網站的賬號，使用手機號就能注冊，不多贅述，在選擇下載方式的時候不要直接下載，而是點擊加入庫中。再把庫中所有的圖表加入到你的項目，如果沒有項目，你可...
Vue2路由元信息mate
先給大家看個以前寫的很蠢的代碼。 首先，很麻煩的把所有的路由的path寫了一遍，然后還得對照路徑寫要顯示的文字，然后在循環出來根據是否和當前路由相等來展示。先不說每次添加新頁面都得來這個組件加一條對應的對象，而且瀏覽器里因為是v-show，并不是沒有加載而是display：none隱藏起來了。 所以打開toptext這個div的時候，他不是一個，而是很多很多個。當時忘了meta這個東西，看r...
vantUI中瀑布流滾動加載的使用以及請求異常問題的解決
VantUI中的van-list，即瀑布流滾動加載，用于展示長列表，當列表即將滾動到底部時，會觸發事件并加載更多列表項。官網給出的示例如圖所示：首先設置listLoading和finished兩個變量，listLoading控制列表數據的加載狀態，finished為是否已加載完成，加載完成后不再觸發load事件。@load="onLoadList"綁定了一個加載事件，當滾動條與底部距離小于 off...
