原创 vue項目中部分android手機加載打包後的index頁面顯示空白的問題:uncaught syntaxerror:block-scoped declarations...

記錄遇到的問題: 在vue項目中遇到加載打包後的index頁面,部分android手機會出現空白頁面的問題,並且報 Block-scoped declarations (let, const, function, class) n

原创 vue-cli 中用axios請求本地(非static文件夾內json數據)json報 404

vue項目本地調試調用本地的json文件,但是用axios請求報404的錯,放在static文件夾內就可以訪問到,如何在自定義文件夾(隨意位置)內訪問本地的json文件,經過查詢及比對發現需要修改build–webpack.dev.c

原创 解決ios倒計時失效問題(分別用setTimeout和setInterval實現)

項目中使用倒計時效果,具體實現如下: //使用的數據(獲取的是時間戳):systemTime=1554384835539 createtime=1554384824000 let now = new Date(data

原创 手機端css實現橫向滾動但不顯示滾動條

要實現手機端的橫向滾動,但顯示滾動條,如下圖: 要實現滾動條消失,但是依然可以滾動,代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>

原创 vue解決mintui中使用MessageBox彈窗,不進行任何操作(不點擊確定或取消鍵)時跨頁面顯示的問題

在vue項目中用到MessageBox彈窗,不點擊取消或者確定鍵,雖然在頁面上不能進行改變路由的操作,但是在手機(運用android手機上的物理返回鍵)上進行頁面的回退時,就會發現彈窗並沒有消失,如果給彈窗的確定或者取消鍵綁定了改變路

原创 vue中輸入框事件的使用——@input、@keyup.enter、@change、@blur

一、@input(或者是v-on:input) 使用: <input type="text" placeholder="通過乘車人/訂單號查詢" v-model="inputVal" v-on:input="search" valu

原创 Promise 實現方法(請求)的異步(串行)執行

在項目的實際操作中會用到串行調用方法的情況,實現異步執行,例如 有三個方法,方法一、方法二、方法三,需要執行完方法一之後執行方法二,執行完方法二之後執行方法三,這樣的串行的執行順序可以用層層嵌套的方法來實現,但是這樣的話方法嵌套的深看

原创 使用mintui中的輪播圖Swipe組件時在啓動項目中能正常啓動但是會報警告

用到mintui框架中的swipe輪播組件,啓動項目時能正常顯示但是會報下面的警告(看不到啓動的地址,但是輸入對了地址後則可以正常打開運行項目): 解決辦法: 根據提示修改: 在標籤內加上:key=XXX.id作爲爲每個項提供的唯一

原创 用mintui的loadmore模板實現上拉加載和下拉刷新時自動觸發上拉加載事件(數據展示部分會出現一部分遮蓋)的解決

如下圖所示:展示的第一條數據被遮蓋。通過檢查是因爲本身的這個模板位置上移了,通過調整高度加上padding或者margin都是不可行的(在初始化進入頁面時顯示正常,但是在進行tab切換時則會出現多加的padding或者margin值)

原创 vue中實現點擊按鈕使input顯示的同時獲取焦點

需求說明:點擊搜索按鈕出現input框,並自動使input框聚焦。 如圖所示: 實現方式1:利用vue的ref html代碼如下: <input ref="inputVal" class="searchInp" type="tex

原创 vue項目解決android版本過低引起兼容問題(例如華爲榮耀6)

問題描述: 在項目中發現在華爲榮耀6手機上,出現頁面白屏,抓包後顯示接口調用並沒有執行,查找後認爲是android版本過低(升級測試android4.4.2已是華爲榮耀6的最新系統)。 華爲榮耀6:android版本4.4.2 接口請

原创 ionic3 實現app版本更新下載並打開進行安裝(包括android7+無法自動安裝apk問題的解決方法)

記錄一下實現app版本一鍵更新下載的功能。 我的項目的總體的文件: 使用的插件列表如下: 需要純實現該功能用到的基本上是除了後三個。 首先,安裝這些插件,在app.component.ts頁面上加入 import { Com

原创 vue實現前進刷新,後退不刷新

項目中遇到可以有多個入口進入一個頁面a,在a頁面要調不通的接口進行判斷所帶過來的信息,可在mounted裏面進行判斷,此頁面還有二級頁面可以選擇數據,那麼就要求從二級頁面退回頁面a時,不走mounted裏面的方法重新調取數據,不然會覆蓋掉

原创 vue 動態生成input進行操作——簡單實現添加刪除聯繫人功能

實現類似的如圖功能: 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>修改實現添加聯繫人操作</title>

原创 vue實現頁面點擊按鈕請求接口後,把接口數據保存到vuex中,並在組件內渲染和操作

項目中要求實現在頁面A中請求接口,點擊確定鍵把接口中返回的數據保存到vuex中並渲染到組件內,要求可以對組件內渲染的數據要可以進行操作。 如果在頁面上直接用: <mycheckTip @hidden="cancelCheck" @ens