原创 vue安裝less報錯Failed to compile with 1 errors

1、創建vue項目後安裝less,執行 npm install less less-loader --save-dev 下載版本爲:[email protected]  , [email protected],重啓服務報錯,報錯信息如下: 2、報錯

原创 vue引入本地iconfont圖標字體

1、下載iconfont圖標至本地 2、項目中新建文件夾,並把以下文件放到文件夾中 3、打開app.vue頁面,import引入對應的地址 <template> <div id="app"> <router-view/>

原创 項目nginx部署到非根目錄下vue配置

1、修改config/index.js 2、修改路由route/index 3、若index.html有引入static中的 js 和images需要配置 webpack.dev.conf.js 和 webpack.prod.conf

原创 書籤製作css

1、使用漸變,效果如圖 <div class="bg"><span>我是標籤</span></div> <style> .bg{ width: 115px; line-height: 50px;

原创 for循環與setTimeout

1、for + setTimeout 使用var執行 for(var i = 0; i < 5; i ++){ setTimeout(function (){ console.log(i) }, 1000) } 執行結果爲

原创 webpack搭建服務器

webpack-dev-server是一個小型的Node.js Express服務器,我們可以通過它搭建一個本地服務器,並且實現文件熱更新;先確保你本地有安裝npm,node 1、切換到你的目錄下對項目進行初始化 npm init 一頓

原创 Git-命令行-使用 Tag 標記你的代碼

前言 正文開始之前,我想我們需要弄明白幾個問題: 1.tag 是什麼? 2.使用tag 的好處? 3.tag 和 branch 的區別以及使用場景? tag 是什麼? tag , 翻譯過來是標籤的意思,顧名思義,標籤是爲了標記某種事物

原创 echart自定義多條提示信息

  1、前提說明:項目使用vue + element UI 搭建的,圖表使用axios請求後端數據回顯到echart中 2、項目要求一條折線上展示多個字段,開始時看文檔這樣設置錯誤代碼 methods: { initChart

原创 vue打包項目報Unexpected token分析及解決方法

1、vue打包項目放到,內網發現報錯,不要慌,查看報錯的文件,我的是有3個報錯,rem.js,md5.js等文件;點開文件發現找不到,說明路徑配置有問題 2、我的項目是放在非根目錄下的所以需要配置config/index.js文件 bu

原创 vue項目打包後放服務器非根目錄下圖片找不到

1、剛開始我的圖片是放在static中,但是嘗試多種方法,放到非根目錄下圖片就是不顯示,最後解決方法是把圖片放在了src/assets下,頁面import引入

原创 vue項目刷新當前頁面

1、因項目需要刷新當前頁,但是不能出現空白,router.go(0)等都不太好使,所用我選擇用 provide/inject。在 Vue.js 的 2.2.0+ 版本中添加加了 provide 和 inject 選項。他們成對出現,用於父

原创 vue項目axios每次請求session不一致

1、vue開發後臺管理項目,登錄後,請求數據每次session都不一致,後臺返回未登錄,處理方法打開main.js設置: // The Vue build version to load with the `import` comman

原创 vue引入iconfont圖標

1、下載iconfont圖標至本地 2、項目中新建文件夾,並把以下文件放到文件夾中 3、打開app.vue頁面,import引入對應的地址 <template> <div id="app"> <router-view/>

原创 vue element table 表格請求後臺排序

1、ElementUi文檔已經說了,如果需要後端排序,需將sortable設置爲custom,同時在 Table 上監聽sort-change事件,在事件回調中可以獲取當前排序的字段名和排序順序,從而向接口請求排序後的表格數據。 <el

原创 iphone部分兼容問題

1、vue或者H5項目中,按鈕設置了顏色,到iphone中竟然和css設置不一樣 解決方法:outline:0px; -webkit-appearance:none;  2、按鈕點擊出現陰影塊 解決方法:-webkit-tap-highl