原创 vue項目使用better-scroll實現移動端上拉加載更多、下拉刷新效果，並進行封裝處理
1.封裝的組件 MyScrollMore.vue代碼如下： <!--封裝上拉加載更多、下拉刷新組件--> <template> <div ref="wrapper"> <slot></slot> </div> </tem
2020-06-23 06:03:36
原创 清除input在谷歌瀏覽器下的默認背景色
//清楚input在瀏覽器下的背景色 input:-webkit-autofill { transition:background-color 5000s ease-in-out 0s; }
2020-06-14 15:23:52
原创 IOS中移動開發input彈出輸入法後position:fixed;失效的問題解決
點擊input時：focus事件觸發,將fixed佈局的元素改爲absolute,使元素不再浮在屏幕上; document.getElementsByClassName('product-content')[0].style.posit
2020-06-14 15:23:52
原创 vue項目中如何使用字體圖標，簡單清晰明瞭！
1.登錄阿里巴巴圖標庫官網，創建一個自己的項目，並將對應的svg圖片添加或上傳到對應的項目中，如下圖所示： 2.點擊【下載至本地】按鈕，將文件夾下載下來； 3.在項目中src/assets目錄下創建一個文件夾iconfont，將第二步
2020-05-26 23:17:16
原创 element-ui樹形表格實現多層級嵌套，原來這麼簡單！
多層級效果圖，點擊自動收縮： 話不多說，附上代碼，此次代碼示例全部爲靜態數據； 1.表格數據如下圖 <el-table :data="tableData1" style="width: 100%"
2020-05-26 01:17:46
原创 vue項目中如何使用svg圖片，超級簡單粗暴的方法！（我的是vue-cli 3.0，親測有效）
1.安裝插件 npm i vue-svg-icon -D 2.在main.js文件中，引入 import Vue from from 'vue' import Icon from 'vue-svg-icon/Icon.vue' //引
2020-05-26 01:17:46
原创 vue-cli3.0項目將px轉換成rem，已適配移動端頁面，超好使！最後的步驟纔是最重要的！
1.安裝插件postcss-plugin-px2rem； npm i postcss-plugin-px2rem --save -dev 2.在vue.config.js中配置 。這裏需要說明一點，網上搜的一堆教程都強調應該增加rem
2020-05-26 01:17:46
原创 VUE項目axios請求時，顯示loading
1.在src目錄下的main.js文件中，引入： import axios from 'axios'; import Mint from 'mint-ui'; Vue.use(Mint); 2.axios發起請求時，顯示loading：
2020-02-23 12:48:03
原创 webstorm修改文件，webpack-dev-server不會自動編譯刷新
在setting裏面設置一下，真的就解決了！原因應該是因爲webstorm的保存，會在臨時文件夾中創建一個文件用來保存（好像觸發實際文件的變更），所以我們要在setting中勾掉這個設置：
2020-02-23 12:48:03
原创 使用js重寫confirm彈窗，支持回調函數，彈窗出現時頁面不可滑動/滾動
因項目需要，自己網上找了一些代碼然後再完善了一些，增加了彈窗出現時不可滑動/滾動，可自定義彈窗的標題、內容、按鈕文字等，無需jquery，引入jquery是爲了測試，代碼如下： <!DOCTYPE html> <head> <
2020-02-23 12:48:03
原创 vue項目中，使用mint-ui的picker實現省市區三級聯動，並且編輯時選中默認值（封裝成獨立的組件）
具體代碼如下： 1.首先創建一個provinceData.js文件，用於存儲省市區的數據，provinceData.js內容如下； // 所有省市區數據 const listAddress = [ { 'city': [
2019-09-05 03:31:32
原创 vue項目中，在watch監聽函數裏監聽多個參數的做法
比如想要監聽一個對象裏面的多個值變化，然後去執行函數，則需要配合computed來使用： 1.定義的data如下： data(){ return { getParm : { keyWord : thi
2019-08-07 03:35:37
原创 在做VUE項目時遇到的問題及解決辦法：使用路由跳轉頁面時傳參的兩種方法，以及這兩種方法的綜合使用
一、使用path和query，使用該方式跳轉的頁面在路徑中會攜帶query中的參數，這種方式重新加載頁面後參數依然存在； 1.通過router-link進行跳轉： <router-link to="{path:'/search-list
2019-08-07 03:35:37
原创 在做VUE項目時遇到的問題及解決辦法：點擊不同的標題加載不同的組件，使用路由去切換組件時，第一次進入這個頁面沒有默認顯示的子組件
如上圖所示，點擊【免費註冊】按鈕，進入到註冊頁面，我在註冊頁面區分個人賬戶和企業賬戶，點擊對應的標題顯示對應的子組件，但是發現剛進入頁面的時候，是圖2那樣子，並沒有默認選中顯示的子組件。原來是因爲定義註冊頁的路由時缺少重定向redire
2019-08-03 03:29:08
原创 在做VUE項目時遇到的問題及解決辦法：創建的vue項目找不到文件.babelrc，無法做到按需加載mint-ui組件庫
一、在使用vue-cli創建項目時，其實安裝vue-cli有兩種方法： 1.使用命令： npm install -g vue-cli 2.使用命令：npm install -g @vue/cli 第一種安裝vue-cli的方法是搜索出來的
2019-08-03 03:29:08