原创 vue 請求轉發代理,不同端口號和域名 vue+axios跨域請求代理

在cli3.X版本中   vue工程中根目錄增加一個配置文件:vue.config.js module.exports = { // 修改的配置 publicPath: process.env.NODE_ENV ===

原创 路由前置守衛 設置token存儲

登錄也登錄成功後保存token / 保存用戶名 sessionStorage.setItem("username", data.user.name);

原创 vue-cli 3版本沒有static文件夾,本地文件應放在哪兒,如何引用

2.x版本目錄: 3.0版本:   原來放在static下的文件,現在應該放在public文件夾下 2.x 寫法: methods: { fetchData () { let _this = this this.

原创 前端實現下載pdf

async downloadFun() { // 下載使用說明書 const InstructionManualvv = await InstructionManual();

原创 vue+element Table切換頁碼時被選中狀態不變

需求分析 在做項目的時候遇到了一個這樣需求,用戶在選擇沒有結單的Table的時候,可以選擇多個沒有支付的訂單進行加入一個統一結賬的“購物車”中,那麼可以選擇任意頁的,這個時候就遇到一個我們經常會遇到的問題了,那就是當我們切換頁碼的時候,之

原创 webstorm的快捷鍵說明:

Editing編輯相關快捷鍵 Ctrl + Space: Basic code completion (the name of any class, method or variable) 基本代碼完成(任何類、函數或者變量名稱),改爲A

原创 【VUE/JS】vue和js禁止瀏覽器頁面後退

1、vue 禁止瀏覽器後退 需求是:需要某個路由不能通過瀏覽器返回,同時不影響相互之間的切換 整理一下解決方法 和 使用方法: 1.在路由配置中給這個路由添加meta信息,比如: { path: '/home', component: x

原创 判斷移動端還是PC端

    router.js routes: [ { name: 'pc', path: '/pc', component: pc, redirect: '/pc/homePage', meta:

原创 深度 添加樣式 vue 覆蓋element樣式

.dialog-body /deep/ .el-radio-group { 2 width: 70%; 3 margin-top: 30px; 4 } .dialog-body 爲父元素 .e

原创 使用 Element+vue實現開始時間結束時間限制

html部分:  <div> <div style=" width: 220px; margin: 20px auto 0;"> <

原创 webstorm增加內存配置參數

找到WebStorm.exe.vmoptions這個文件,路徑如下  webstorm安裝主目錄>bin>WebStorm.exe.vmoptions  更改爲  第二行:-Xms526m  第三行:-Xmx1024m  (ps:這裏-X

原创 vue+element 谷歌禁止自動填充用戶名和密碼

<el-form-item prop="pwd"> <el-input v-model="ruleForm.pwd"

原创 vue element 的el-checkbox-group默認全部選中

<!--標註選擇標籤彈層組件--> <template> <div class="message-box dialog-mask"> <div class="dialog-content">

原创 vConsole

說明 由於移動端項目在手機中調試時不能使用chrome的控制檯,而vconsole是對pc端console的改寫 使用方法 使用 npm 安裝: npm install vconsole 使用webpack,然後js代碼中: imp

原创 vue禁用瀏覽器返回功能

// 引入jq mounted() { // 看好週期 disableBrowserBack(); history.pushState(null, null, document.URL); if (window.