原创 解決clone項目install後運行報錯:No ESLint configuration found的問題和vue深度選擇器的使用;

1.報錯內容: npm intall後npm run dev運行報錯 2.解決辦法: 解決辦法詳細解說 總結:該錯誤主要兩個命令:  第一個命令是npm install eslint --save-dev; 第二個命令是配置eslin

原创 vue項目開發的H5單頁應用放進微信公衆號進行微信分享的幾個重要步驟

2實在是太忙了,許久不曾有空更新,對不起我的博客,冷落了它~~ 直接上需求,我們的vue開發H5單頁應用封進微信公衆號進行使用,其中有一個重要的微信分享功能,第一次接觸,正經八百踩了好幾個坑。 1. wxShare是我封裝好的接口,需要

原创 vue項目中:PC端導出csv或excel數據表方法及其移動端導出表格方法

需求是在前端導出人員明細表,後端只給提供json格式的數據,函數方法如下: 一:第一種方法:(不可移動端導出) // 導出明細csv格式(純前端導出)     getExport() {       // this.getDetailL

原创 vue項目引入騰訊移動分析平臺統計頁面瀏覽量和功能按鈕點擊量的具體方法步驟

步驟如下: 1. 打開網址, 使用自己的QQ登陸 http://mta.qq.com/ 2. 點擊"我的應用" 0-> "HTML5應用" -> "新建應用", 此處已經新建好了一個, 如果要給按鈕添加監聽事件, 查看按鈕的點擊次數, 記

原创 移動端IOS不兼容的情況處理小結

一.vant的導航tab標籤產生的ios不兼容問題: 1.用了vant的tab標籤頁,使用吸頂模式在蘋果機上會出現一個返回此頁面後列表頂部tab分類標籤消失的情況: 正常樣式 在蘋果機上頂部的導航條標籤消失了(使用的吸頂,瀏覽器渲染後

原创 vue項目的登錄處理之路由守衛router.beforeEach(),用戶在未登錄狀態下,展示的一直是登錄界面。

簡單記錄一下需求處理,當項目中的除了登錄頁或其它一兩個頁面不需要用戶登錄數據,其它頁面均需要登錄信息才能正常展示,那麼就要做路由全局守衛了, 回調函數中的參數,to:進入到哪個路由去,from:從哪個路由離開,next:函數,決定是否展示

原创 關於mintUI中popup彈層和datePicker的使用中各種文檔不全自行摸索的記錄

該項目中選用了mintUI框架,但是用起來發現文檔並不那麼全面,但已經寫好很多頁面和功能了,因此只好繼續摸索,其中包括日期選擇器的初始值設置,起始結束年限的設置,timepicker默認選中的小時和分鐘的初始值設置等;如下: 1.效果:

原创 移動項目中sessionStorage的簡單使用和js拼接html頁面的相關使用;

本次項目使用的是基於JQ的js技術,頁面直接的數據傳遞採用了sessionStorage存儲,根據後臺返回的數組長度渲染頁面,採用js拼接html方式,關注點有單選框的寫法,點擊本條數據的上下拉按鈕,效果如圖: 項目最終實現效果GIF圖

原创 使用$ref綁div節點獲取樣式改變的初始化樣式相關注意事項

一.根據需求要實現的效果如下: 每個權益對應相應進入效果,點擊其它權益圈後改變 二,在這裏我使用了$ref綁到對應的div上,然後對其樣式進行控制改變,但是進入頁面時總顯示$ref的changeStyle未定義,後來我查看了生命週期,我

原创 關於輪播圖的靈活使用之swiper

我的業務需求如下: 四張(以後會更多張)卡片一個版面展示三張,可滑動 最開始我使用的是vant中自帶的swiper組件,但是它僅支持一屏展示一個,我嘗試寫了內外層的循環,也實現了這種一屏展示三個卡片的效果,但是與後臺拉到數據後,數據是一

原创 關於vue單頁面應用訪問路徑添加項目名的設置步驟

我想要的訪問路徑效果如圖: 1.在index.html的頭部中設置紅框圈中的代碼: 2.在router.js中設置路由模式如下(設置history是爲了去掉默認的#錨點): 3.在vue.config.js中設置公共根路徑如下:

原创 已閱讀並同意***協議的單選框製作注意事項------checkbox與radio的使用

一.我需要的效果是支付方式爲多選一,只有一項時默認選中不可取消,服務協議是隻有一項協議,可選中可不選中,不選中不可開通,效果如下: 閱讀並同意使用的是checkbox     二,實現代碼: 單選radio是支付方式使用的,無論選項有一

原创 求教:vue-cli3創建項目後總是報錯版本衝突問題,解決後並不知道爲什麼這麼做就可以成功創建,想知道原理。

抽空記錄一下負責移動項目後的第一個技術問題吧; 因爲需要使用cli3.0版本進行項目搭建,所以我卸載電腦裏之前安裝的vue-cli2.0版本後安裝了vue-cli3,準備創建第一個項目試試效果,結果vue-cli3創建項目後總是報錯版本衝

原创 實習總結第16談-----------upload上傳文件報錯之Uncaught TypeError: Cannot set property 'status' of undefined

再上傳文件需求的實現過程中,我觸發了一個很微小但很恐怖的bug,查找很久後,發現問題所在,並解決了,如下: 1.點擊上傳到服務器出現錯誤:效果如圖: 上傳到服務器時出現找不到element的內部屬性status報錯信息 我很清晰的確定這

原创 實習總結第15談----------上傳文件之elementUI中的upload與後臺傳數據注意點

上傳文件在實際開發中是很常見的需求,我的項目是用的element中的upload,與後臺傳數據不再是axios方式,而是直接用action填寫了文件上傳地址; 1.效果圖: 導入文件效果圖 2.HTML結構代碼: upload組件寫法