原创 vue iframe結合window.postMessage實現跨域通信

因需要要將多個vue項目整合到一個項目,所以首先想到了iframe嵌入的方式,所以在此使用postmessage 父頁面往子頁面傳遞數據 父頁面 <iframe ref="asas" @load="sendMessage" src="ur

原创 iframe嵌套頁面 ios中h5頁面樣式變大/h5頁面放大

實際項目開發中,iframe在移動設備中使用問題還是很大的,說一說我的那些iframe坑   做過的這個後臺管理框架,最開始的需求是PC,但隨着業務需要,需要將項目兼容到ipad,後臺的框架也是使用的開源框架開發,使用的是iframe嵌套

原创 vue-router如何在返回時返回到上次滾動位置

1.在router.js裏面(即路由文件中) const router = new VueRouter({   mode: 'history',   routes,   scrollBehavior (to, from, savedPos

原创 【解決】html2canvas.js截圖只截取當前可視區域;導出圖片不全

問題:之前使用orgchart團隊架構圖導出圖片,會出現圖片導出不全的問題 原因:當時使用tab標籤分類顯示的時候,當前選中模塊顯示內容,未選中模塊內容設置爲隱藏狀態。而html2canvas插件無法識別隱藏的dom元素。 思路:找到需要

原创 vue項目總結之配置本地,測試,生產環境api

最近在做vue項目,想實現通過不同的命令,調用不同環境的api,防止來回切換不同的api出錯。 例如: npm run dev 調用本地環境 npm run test 調用阿里測試環境api npm run build 調用 生產環境ap

原创 微信掃一掃遇到的問題

微信掃一掃遇到的問題 能獲取到簽名但是會走失敗回掉函數,現實簽名失效。其實是官方文檔獲取token的方法錯了。 這是官方文檔獲取token的方法,注意紅色線部分 修改爲

原创 vue左側菜單,樹形圖遞歸實現

最近在做一個後臺管理系統,左側菜單需求是這樣的,可以多層,數據由後臺傳遞。先說說遇到的坑,由於是子父組件,當時傳遞使用的是子父組件的傳遞,但是這時候只能獲取到第一層的數據,第二層往後獲取不到數據,踩了一下午坑以後才知道,子組件使用了遞歸組

原创 vue 登錄滑動驗證

之前別人都是用jq寫的,自己整理了一下開始使用<el-form-item label="驗證"> <div class="form-inline-input"> <d

原创 element 分頁組件遇到的問題

先操作element分頁,切換到第二頁,然後操作。從代碼中強制將current-page強制設置爲1(即重新查詢數據,並將當前頁重置爲第1頁)此時畫面顯示是對的,分頁組件已經將第1頁的頁碼數字激活了然後點擊第2頁數字,進行換頁畫面顯示也是

原创 mac使用cordova配置android環境以及打包

一 下載jdk配置環境變量jdk下載地址(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)住:不要下載最新的版本,會有

原创 cordova環境搭建以及打包apk

1.安裝node.JS2.安裝ant載連接:http://ant.apache.org/,下載完成之後解壓到你想安裝的目錄,比如D:\ant。然後將目錄添加到系統變量裏,步驟如下:右擊我的電腦,點擊屬性,左側菜單點擊高級系統設置,在彈窗中

原创 ztree在vue項目中使用並且帶有搜索功能

之前博客介紹過怎麼在vue裏展示以及獲取點擊元素的內容,此文章之介紹搜索功能html<el-form-item label="機構" class="ztree-par"> <i class="icon_o

原创 ztree在vue下的實戰

此文章用來記錄自己項目中覺得有用的插件,勿噴使用main.js需配置import "./../static/ztree/js/jquery.ztree.core.js";import "./../static/ztree/js/jquer

原创 vue項目搭建

vue創建項目(npm安裝→初始化項目) 第一步npm安裝 首先:先從nodejs.org中下載nodejs 雙擊安裝,在安裝界面一直Next 直到Finish完成安裝。 打開控制命令行程序(CMD),檢查是否正常 使用淘寶NP