原创 vue項目中 頁面生成pdf並下載,vue 中頁面轉PDF

方法一 第一步、安裝插件 // 第一個.將頁面html轉換成圖片 npm install --save html2canvas // 第二個.將圖片生成pdf npm install jspdf --save  第二步、定義全局函數,創

原创 基於vue的拖拽排序,添加等,插件vuedraggable

第一步:安裝插件vuedraggable npm install vuedraggable 第二步:在需要使用的組件中引入 import draggable from 'vuedraggable' 第三步:註冊組件 compo

原创 h5頁面自適應移動端 px2rem

<script> resize() window.onresize = function() { resize() } function resize() {

原创 vue-router 鉤子函數(路由攔截),判斷用戶是否登錄,未登錄攔截

1、全局的鉤子 beforeEach(to,from,next) afterEach(to,from,next) 2、組建內的導航鉤子 組件內的導航鉤子主要有這三種:beforeRouteEnter、beforeRouteUpdate、b

原创 vue-cli3導出表格excel,Export2Excel導出表格,導出多sheet excel,vue導出多頁表格

目錄 (一)直接調用   (二)、封裝導出函數調用 最近做項目中有一個導出excel表格的需求 具體思路是:後端返回給我json數據,前端根據數據和具體的幾項字段去導出excel表格,還有導出多個sheet,多頁表格到一個excel表裏面

原创 javascript字符串方法函數彙總

JS自帶函數 JS自帶函數 concat 將兩個或多個字符的文本組合起來,返回一個新的字符串。 var a = "hello"; var b = ",world"; var c = a.concat(b); alert(c); //c

原创 vscode創建vue快捷代碼片段

(1)打開 文件首選項 —> 用戶代碼片段 在搜索框搜索vue 選擇vue.json文件,如果沒有安裝vue.json:安裝插件VueHelper (2)修改vue.json文件 { // Place your snippets f

原创 記錄一些標籤,常用工具和文檔

vue插件 vue+element一個後臺管理系統 vue2-animate for Vue.js 2 JavaScript獲取URL中參數querystring的方法詳解 同上 element-ui NavMenu

原创 【收藏】JavaScript數組方法速查手冊極簡版

1 概述 1.1 前言 JavaScript數組方法速查手冊極簡版中共收了32個數組的常用方法和屬性,並根據方法的用途進行重新排序和分類,在文中簡要的介紹了方法作用和用例說明。收藏備用吧! 文中介紹的過於簡單,想更更多理解相關內容還是要多

原创 vue-cli3+element搭建後臺管理項目

一、安裝需要的插件 (1)創建項目 vue create admin_project  (2)安裝element npm i element-ui -S  (3)安裝js-base64   js-md5 用於賬號登錄註冊 npm i

原创 vue+element項目裏實時監聽某個div寬度的變化,然後執行相應的事件

背景:vue項目中用到echarts圖表,頁面上有側邊欄,側邊欄收縮圖表不能自適應,想通過監聽內容部分的寬度讓圖表resize,試過window帶的resize,只能監聽瀏覽器窗口大小變化,爲了監聽某元素區域的變化而使echarts的尺寸

原创 js數組 按照每一項的字符串長度進行排序

let arr = ['132','qwedd','q','2r','qwd']; arr.sort(function(a,b){ return a.length>b.length; }) //輸出 ["q", "2r", "1

原创 vue 組件間的事件傳值之(EventBus)

許多現代JavaScript框架和庫的核心概念是能夠將數據和UI封裝在模塊化、可重用的組件中。這對於開發人員可以在開發整個應用程序時避免使用編寫大量重複的代碼。雖然這樣做非常有用,但也涉及到組件之間的數據通訊。在Vue中同樣有這樣的概念存

原创 vue-cli3.0創建項目,vue-cli3.0各項配置與安裝, vue-cli3.0 上手教程 (二)之 登錄加密——如何在vue項目中使用md5.js及base64.js

在做登錄的時候對密碼會進行簡單的加密。簡單採用MD5和base64加密,或者採用組合加密,鹽值加密等, 如何在vue項目中使用md5.js及base64.js   一、在項目根目錄下安裝 npm install --save js-ba

原创 vue-cli3.0創建項目,vue-cli3.0各項配置與安裝, vue-cli3.0 上手教程 (二)

一、解決模板編譯的問題 在升級腳手架到vue-cli3.0版本的時候出現了這個報錯: [Vue warn]: You are using the runtime-only build of Vue where the template c