原创 npm run dev報錯: Module build failed: Error: ENOENT: no such file or directory,解決方法

輸入npm rebuild node-sass命令即可  npm rebuild node-sass 

原创 element中動態切換設置prop無效的解決方案

問題描述:通過checkbox動態給表單加驗證,選中表單項就加上表單驗證  思路:原本是想給el-form-item動態設置prop屬性,但是切換之後發現無效,從網上搜尋無果,便想着通過v-if來控制prop的兩個屬性值,選中時,

原创 elementui中給table添加序號

<el-table-column align="center" type="index" width="45" label="序號"> <template slot-scope="scope">

原创 elementui+vue實現自定義規則驗證ip(包括ipv4和ipv6)

問題概述:最近做的項目中需要驗證ip,包含對ipv4,ipv6,ipv4中不僅僅要對單個ip進行驗證,還有ip段 用到的正則表達式 : 普通IPv4:/^((25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)

原创 vue實現數據下載與導出

效果圖: 功能描述:點擊導出,實現數據下載;   實現代碼 //導出數據 exportData() { let status = "searchType=" + this.searchType;

原创 在Vue實現自定義步驟條

利用vue實現的自定義樣式的步驟條;關鍵點:用到了三目運算,v-show 效果圖 頁面的源碼 

原创 vue實現多頁面應用

近期做的vue項目中,需要新增一個系統幫助頁面,並且要在新的窗口中打開,但是vue是單頁面應用,所以只能對項目進行改造,變成多頁面項目。 第一步:在和index.html頁面同級下新增一個helpinfo.html,在src目錄下新增一

原创 按需引入Element-ui步驟

由於之前做項目時,沒考慮要頁面優化等問題,所以把整個elementui全部引入,造成項目體積大,打開速度慢,所以最近把優化時,把element按需引入 第一步:引入element-ui,babel-plugin-component 執行c

原创 mpvue實現微信小程序樣式切換以及本地緩存

功能描述: 在頁面A的添加應用中點擊”添加“,跳轉到展示所有應用的頁面B,通過點擊開關,在頁面A中展示所開啓的應用 效果展示: 代碼: 頁面B代碼: <div class="itembox" v-for="(item,index)

原创 vue面試題彙總之vue核心知識點

vue核心知識點 1.vue.js的兩個核心是什麼? 數據驅動,也叫雙向數據綁定。 Vue.js數據觀測原理在技術實現上,利用的是ES5Object.defineProperty和存儲器屬性: getter和setter(所以只兼容IE9

原创 ie9下在iframe中使用document.selection.createRange().text獲取的值爲空的解決辦法

最近公司之前的用iframe框架寫的一個老系統要求實現一個身份證上傳並且預覽的需求,兼容到ie9;由於這個項目保密,所以我這邊仿照寫了個demo 效果圖  源碼 <!DOCTYPE html> <html> <head> <m

原创 vue面試題彙總之vue-cli工程

vue-cli工程 1.構建的 vue-cli 工程都到了哪些技術,它們的作用分別是什麼? vue.js:vue-cli工程的核心,主要特點是 雙向數據綁定 和 組件系統。 vue-router:vue官方推薦使用的路由框架。 vuex:

原创 css實現比較細的邊框

代碼實現 .moneytit{ line-height: 120rpx; padding: 0 30rpx; position: relative; height: 120rpx; font-size: 14pt;

原创 vue實現複製內容到剪貼板功能

第一步:安裝插件cnpm install --save vue-clipboard2 第二步:掛載到全局 使用 第三步: 在頁面中使用  

原创 element的tree樹形實現單選

效果圖: 代碼: <el-tree :data="treeData"