原创 vue-router之間的操作

既然用了vue,那麼vue-router就是在項目開發中必不可少的一部分操作了,這裏我特意整理了一些在vue項目開發過程中涉及到的一些操作吧。 一、路由之間傳參 由A路由到B路由之間的傳參,可以通過$router的query和param傳

原创 vue爬坑之路 (八) 之npm install

我有的時候在使用npm install安裝vue依賴的時候,總是會遇到報錯, a complete log of this run can be found in: 這個時候我們可以嘗試走一下: npm cache clean -

原创 vue+ele爬坑之路(七)—show-overflow-tooltip

emmm....提到表格的超出文本省略,現在用了element-ui的小夥伴算是鬆了一口氣,但是最近我搞搞的項目要求兼容IE,於是測試小姐姐又測出了好多bug,簡直讓人心碎,話不多說,首先就是el-table表格的show-overflo

原创 vue爬坑(五)-IE空白Bug

今天用做好的VUE項目IE下打開,發現頁面一片空白,爲了解決問題,特意百度了下,現解決方法如下: 1、安裝babel npm install --save babel-polyfill 2、引入 在main.js中 import '

原创 vue爬坑之路(六)— scoped

在vue中,我們有的時候難免會引入第三方UI組件庫,但是在UI組件使用過程中,我們有的時候會對裏面引入的一些樣式進行修改,但是在開發大型項目過程中,爲了避免class的樣式污染,我們通常會使用scoped,會確保你的樣式只會運用在它們想要

原创 Cookbook組件形式:優化 Vue 組件的運行時性能

本文仿照Vue Cookbook 組織形式,對優化 Vue 組件的運行時性能進行闡述。通過基本的示例代碼給大家講解,需要的朋友參考下 Vue 2.0 在發佈之初,就以其優秀的運行時性能著稱,你可以通過這個第三方 b

原创 vue+ele爬坑之路(四)—vue-seamless-scroll

因爲要做一個無縫滾動的判斷,在這裏我用到了vue-seamless-scroll,但是因爲要加一些判斷,所以對它進行了一些改動,在求助之後才把問題解決,也是心累了。 1、安裝 npm install vue-seamless-scrol

原创 vue+ele爬坑之路(三)—vue-amap

地圖幾乎是很多項目中不可或缺的一部分,這裏介紹下在vue+element中vue-map的使用。 1、安裝 npm install vue-amap --save 2、配置 全局配置,在main.js中配置,代碼如下: import

原创 vue+ele 爬坑之路(一)—class

上手Vue已將近三月,在這裏記錄下我自己遇到的一些問題吧! class名的修改 1、第一種就是直接綁定 <div class="main-header"></div> 這種樣式方便大家直接給標籤加樣式,不足之處在於無法動態控制class

原创 vue+ele 爬坑之路(二)—tree

後臺管理系統中Tree的使用  因爲涉及到權限的分配,所以要有v-if判斷,初始的情況,我一直想在script中直接獲取到node裏面的值,但是我試了element文檔中許多辦法,都無法直接獲取,需要的都是通過事件,但我後面加了個aaa

原创 vue-cli依賴安裝

因爲我用的是vue+ele,而且在項目開發過程中,我們也需要引入一些插件,比如echart、sass,這裏就寫一下如何引入並使用它們吧。 1、安裝element-ui 完整引入 npm i element-ui -S 在 main.j

原创 vue-cli搭建

腳手架搭建 1、創建腳手架  npm install --global @vue/cli 2、創建新工程 vue init webpack projectName // projectName爲你創建vue項目的文件名 3、選項 創

原创 關於Vue

最近公司一個項目使用了Vue這款框架來進行模塊化開發,本人蔘與其中的一個小模塊開發,但是整體的設計並不是我架構設計的,在此記錄一些我自己用到的技術吧。 本項目的構建是使用vue-cli腳手架搭建的,在這裏先介紹下如何利用Vue.js中的a

原创 關於中國地圖那些事

    這個月一直在寫地圖,寫到銷魂,一直都在修改,最終,產品經理終於放過了我頁面中的那個可憐的地圖,讓大家都來瞅瞅吧;不多說,上代碼: <!doctype html> <html lang="en"> <head>     <meta

原创 文字滾動

代碼可以無限滾動,但注意定位問題,這個滾動效果還可以,裏面的js代碼也容易懂,挺好用的,就是在樣式設計方面有些問題,插件什麼的算是我轉載過來的。 不多說,上代碼: <!DOCTYPE html> <html><head><meta ch