原创 對於路由地址並未切換,但是地址欄發生地址發生變化原因

1、路由切換,明明this.$route.push('/other')跳轉到other頁面,但地址欄還是發生了變化。出現莫名字符串原因:原來項目使用mui、jquery.改爲vue後頁面跳轉的標籤仍爲a標籤,但href="#sqw"。所以

原创 vue(依照v-page(github上))修改的適合自己用的分頁插件

vue 搭建的前端項目,需要用到分頁插件,在github 上搜索,樣式都比較簡單,不太符合要求,終於找到一個整體不錯的插件地址:https://terryz.gitee.io/vue/#/page/demo文檔也蠻詳細,但入參除了語言,樣

原创 ie瀏覽器下滾動條問題

衆所周知,原始瀏覽器滾動條不美觀,所以重新修改樣式,但在ie上並不起效果;沒有辦法,只好尋找插件,來實現;最終找到的是smooth-scrollbar(但也只能兼容到ie10(11)了且原始要加滾動條的div屬性不能是overflow-y

原创 頁面佈局左側固定寬度,右側屏幕自適應

開發初期,頁面佈局要實現左側固定寬度右側屏幕自適應,且右側內容塊的距離是8px固定,我們考慮的最小分辨率是1366px,1366以下並不能像bootstrap那樣內容塊被擠下去。因爲沒有考慮清楚,沒有使用bootstrap,採用了左邊用p

原创 關於接口請求(application/json)跨域問題

vue-cli 項目,頁面寫完,和後臺調試接口時,之前的傳參都是簡單的字符串形式(據說後臺也是string 來接收參數,我也搞不懂);例如:var querystring = require("querystring");var data

原创 js中常用判斷及函數

一、從瀏覽器url中獲取到所需參數及信息;function getQueryString(name) { var that = this; if(isNULL(name)){return null}  //調用isnull var reg

原创 vue-router實現幾級頁面跳轉及傳參

之前並不知道vue-cli多用於單頁面應用,對於現在的多頁面跳轉只能用路由來實現,當然我也是初步瞭解。要求:登錄頁面-權限頁面-內容頁面對於頁面跳轉,就不能使用<p><router-link to="/foo">Go to Foo</ro

原创 fo循環與forEach(es6)

之前循環數組使用一直使用for循環,被認爲很low,選了es6的寫法data.forEach( ( list, i ) => { //可以拿到每個list值(讀取操作)});但有一個弊端,就是它僅僅具備讀取,而沒有寫的功能所以當我給dat

原创 vue項目中使用echarts 遇到問題總結2

一:echarts圖形的父級容器寬度設置爲百分比形式,導致echarts變形;12解決方案:固定寬度沒問題,只要設置成百分比,有的好用,有的不好用,只能將寬高設置爲rem,好在相差不大;二:vue-cli項目下使用 vue的tab切換3個

原创 使用mui部分組件(滑動和切換開關按鈕),在vue 中無法生效的解決方法

修改原來jquery、mui做的項目爲vue,ui框架依然用mui ,但是遇到一些問題;1、mui滑動事件能夠滑動必備條件:    1、引入mui    2、初始化調用(mounted中);(調用時遇到問題:同一個vue組件,控制顯示隱藏

原创 vue-cli 單頁面應用中打開新頁面

vue-cli 項目中需要打開新頁面,而並非原來的單頁面應用;百度查看文檔解釋vue 2.0版本只能通過a 標籤打開;<a class="link" :href="host+'/indexDetail'" target="_blank">

原创 時間格式處理的兼容性問題(iphone 和ie瀏覽器)

後臺返回  2018-02-01 23:22:00類似這種形式的時間,需要修改成  年  月  日  23:22:00或  天前等 一、time爲傳來的值                             time =time.re

原创 關於vue的異步導致的一系列問題處理

1、原來項目中使用jquery實現改爲vue後,調用接口的參數出現ajax的嵌套調用,導致第二次axios請求完全沒有任何反應,連請求都沒有發送,很是奇怪;解決方案:監聽某個屬性(第一次ajax請求拿到的參數)是否發生變化,發生變化再調用

原创 node 環境(vue 項目 引入mui.min.css 打包報錯

引用mui.min.csss,運行沒問題,打包就報錯,樣式明顯是沒引用mui.min.css的,所以百度找到了方法;[1m[31mERROR in .

原创 vue父子組件之間傳值及函數中獲取props中的值

實現vue的組件化,是很好,但是組件之間傳值也好,本來對vue的理解可能也較淺吧 一、父組件向子組件傳值 peopleName爲要傳遞的值; 父組件:  <li v-bind:peopledetail="peopleName" keep-