原创 vue 圖片轉base64格式方法+將base64流數據轉成pdf文件可打印的方法✔️✔️✔️

1. 圖片轉base64格式方法 (主要的代碼)(其實用的還是FileReader) handleRemove(file, fileList) { console.log(file); var r

原创 Vue中使用vue-count-to(數字滾動插件)

效果圖 1. 簡單介紹  npm官網:vue-count-to vue-count-to 就是一個組件插件,咱們引入進來,可以去打印一下,它就是一個組件實例,使用components註冊一下,就可以在模板中使用了,具體方式如下:   

原创 js對象裏面添加對象+數組的方法操作~筆記📝

1. js對象裏面添加對象 在js對象裏面添加對象有三種方式:直接添加,Object.assign() ,展開運算符(...) (1)直接添加: let obj = { name: 'Tom' }; obj.age = 8 con

原创 Vue報錯Syntax Error:TypeError: this.getOptions is not a function的解決方法~

前幾天在vue運行項目過程中報錯了,這個方法是 關於Vue報錯Syntax Error:TypeError: this.getOptions is not a function的解決方法 (1)報錯一 (2)報錯二~ 1.1問題分析

原创 用戶登錄🔒~生成圖片驗證碼(identify(生成圖片驗證碼)插件)

1.效果圖: 2.以用戶登錄實現 生成圖片驗證功能:使用 identify(生成圖片驗證碼)插件 identify:這是一個vue的插件,使用canvas來生成圖形驗證碼 2.1 下載identify插件,npm安裝  npm i i

原创 js簡單的倒計時器~~⏰

1.效果圖 2.html部分 3.邏輯部分 3.1獲取當前時間,時間差 //獲取當前時間 var date = new Date(); var now = date.getTime();

原创 實現:修改密碼🔑~確認新密碼🔒~重置密碼🔗~提交操作✔

1. 功能效果圖: 2. 基本佈局 先需要引入elementUI插件- 註冊 基本佈局code <template> <el-card class="box-card"> <div slot="header" cla

原创 上傳圖片【選擇文件📁+上傳圖片🎨】

1. 上傳圖片的流程分析:【選擇文件📁+上傳圖片🎨】       2.1 功能步驟 2.1 頁面基本佈局 基本佈局 <template> <el-card class="box-card"> <div slot="

原创 localstorage本地存儲及token,vuex刷新數據丟失問題⚡⚡⚡

1.vuex和axios安裝,引入,使用 1.1vuexa安裝和使用 vuex3.x版本的官網安裝教程:安裝 | Vuex vuex4.x版本的官網安裝教程:安裝 | Vuex npm install vuex --save 2.在

原创 element表單校驗~提交🔑🔒

💎目標界面: 1.引入elementUI組件,路由和axios配置   2.實現表單頁面佈局 <!-- 註冊的表單區域 --> <el-form :model="regForm" :rules="regRule

原创 vue eslint 報錯 error “Component name “*****“ should always be multi-word”,該怎麼辦?

出現的問題:  在 vue-cli 創建的項目中,創建文件並命名後,會報  “Component name "*****" should always be multi-word”  報錯; 報錯截圖示例如下: Component

原创 javascript~🎨常用工具類的封裝🔑

JavaScript 1. type 類型判斷 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String' }

原创 vue-elementAdmin項目打包後白屏的問題

Vue項目打包後出現白屏的可能原因有很多 1.可能的思路和解決方案: 1. 確認靜態資源路徑是否正確。    在 Vue 項目中,打包後會生成一個 dist 目錄,確保 index.html 引用的資源路徑都是相對於 dist 目錄的。

原创 項目開發中常用:獲取當前時間,時間戳轉換標準時間格式

項目開發中經常會遇到時間處理的方法:獲取當前時間,時間戳轉換標準時間格式 1.代碼量最少的timeFilter方法來實現獲取當前時間+轉換時間戳 調試結果: 方法使用 1. 直接調用方法 timeFilter()不傳參,

原创 vue項目安裝lees-loader報錯:Module build failed: Error: Cannot find module 'less'

1-新搭建的一個項目,運行時報Module build failed: Error: Cannot find module 'less'錯誤 原因:vue文件裏面的style添加了 lang="less"  解決方案: 安裝les