原创 nuxt.config.js配置head信息

全局設置默認 Meta 標籤 Nuxt.js 允許你在 nuxt.config.js 裏定義應用所需的所有默認 meta 標籤,在 head 字段裏配置就可以了。 head: { title: 'BIGSTUDENT',

原创 DvaJS的數據流向和Model、connect使用

dva = React-Router + Redux + Redux-saga Dva的數據流向:改變發生通常是通過用戶交互行爲或者瀏覽器行爲(如路由跳轉等)觸發的,當此類行爲會改變數據的時候可以通過 dispatch 發起一個

原创 async-await的循環請求數據

場景:循環按順序請求數組中的接口,之所以有這樣的需要是因爲我要請求一個接口,但是發送的是多個不同的參數,所以我就將參數放到一個數組中,想按照數組順序請求接口然後將返回數據放入數組中。 當前項目中用到的是ES6語法async-awa

原创 react Objects are not valid as a React child (found: object with keys {})問題

這個報錯可能是因爲將某個本應該是非object格式的數據現在變成了object來展示。 我碰到這個問題的現狀是定義了變量num,初始化是空字符串,然後通過接口獲取數據調用setNum方法,接口後端接口正常應該返回data數據,接口

原创 Element使用小技巧

el-date-picker使用時的時間格式 在使用el-date-picker進行時間選擇的時候想要生成時間戳可以增加屬性value-format=“timestamp” 就可以,添加change時間後選擇後的時間會以時間戳的

原创 React.createContext的使用以及useContext的使用

使用createContext進行跨組件間數據傳遞方法 首先需要在父組件中定義一個容器和需要傳遞的默認值,然後通過Provider(生產者,簡單來說就是定義數據的東西),定義共享的數據,然後通過Consumer(消費者,就是子組件

原创 Vue.use的作用以及什麼時候使用

在Vue中引入使用第三方庫通常我們都會採用import的形式引入進來,但是有的組件在引入之後又做了Vue.use()操作,有的組件引入進來又進行了Vue.prototype.$something = something,那麼它們之

原创 element-ui中的el-select下拉框選中不顯示問題

最近在使用element的el-select時出現了一個奇怪的坑,就是當我選中了下拉框的內容之後但是下拉框中不展示選中的label值,具體代碼如下,先展示出現問題的代碼 <el-form-item label="推薦產品一:">

原创 Vue引入Udesk在線打電話組件

業務需求需要在我們的CRM後臺引入在線打電話功能 可以直接撥打電話給客戶,首先需要在Vue中引入Udesk打包後的文件,在Vue項目中有兩個地方用來存放靜態資源文件,分別是assets和static文件夾,兩者的區別在於asse

原创 Webpack4升級踩坑記錄

升級webpack到4以上版本,如:yarn upgrade [email protected],如果提示錯誤然後運行yarn install安裝package.json裏所有包,並將包及它的所有依賴項保存進yarn.lock,運行後

原创 element下拉框的自定義篩選

在element框架中的el-select標籤的子標籤el-option中需要綁定兩個屬性,分別是label和value,通常我們對接接口和頁面展示的內容是不同的,label是用於顯示於頁面中的內容,例如我們要實現一個下拉框,是否

原创 jq實現複製文本功能

實現該功能的主要思路是:給元素添加事件,回調獲取當前內容,然後賦值到input或者textarea標籤中,觸發window自帶的複製事件,然後隱藏input或者textarea標籤即可 具體代碼實現: <button id="bt

原创 移動端切換屏幕以及css實現頁面內滑動

最近被分到了手機端做任務,需求是在原頁面上加上tab滑動切換,由於之前沒有做過手機端的任務心裏還是有點慌慌的,於是提前先去度了一下相關的知識點,然後自己整理了一下,以備以後再次用到。 通過事件touchstart和touchend來

原创 Handlebars的使用方法及技巧

Templates 使用模板的方法只需引入handlebars庫即可使用,通過兩個大括號的方式將變量包含起來,對應的數據就會展示到定義好的模板中展示,這塊如果碰上數據想解析成html代碼時可使用三個大括號展示 <script ty

原创 獲取URL並將URL解析成對象

獲取URL 通過代碼window.location.href來獲取當前頁面的完整的url,這個地址中也會包含URL中的參數,例如:www.baidu.com/acticle?type=food&code=2018 然後我們可以對獲取