原创 vue使用md5加密（前端加密）base64加密
md5 1.安裝依賴 1. npm install --save js-md5 2. 在main.js中引入 import md5 from 'js-md5' Vue.prototype.$md5 = md5 3.使用 con
2020-06-16 11:45:21
原创 輕鬆運用rem佈局 以及rem與em區別
rem 佈局的定義： css(相對單位，是相對於網站根元素的font-size來計算大小，比如說html的font-size:100px,那麼設置的0.1rem就是10px,如果沒有設html的字體大小，就是依據瀏覽器的默認字體大小，一
2020-06-16 11:45:21
原创 vue使用kindeditor富文本編輯器上傳圖片時跨域解決
當我們使用kindeditor富文本編輯器的時候會出現iframe跨域問題 可以通過重定向來解決 第一步：先在項目中創建一個redirect的vue組件 <template> <div class="redirect">
2020-06-16 11:45:21
原创 sass教程
變量聲明 任何用作css屬性值的賦值都可以用sass的變量值 $nav_width:100px; .box{ width:$nav_width; height:100px; } 編譯後 .box{ width:1
2020-06-16 11:45:21
原创 watch監聽中 立即監聽和深度監聽
wacth通常用來監聽數據的變化如下代碼，默認是被監聽數據變化時執行， 其中handler默認情況下不用寫，下圖是需要這個監聽立即被執行，就是首次進來沒變化的時候就執行設置屬性， 不需要立即執行就不用添加immediate這個屬性 imm
2020-06-16 11:45:21
原创 vue的接口統一管理
第一步：在src文件下創建一個api文件夾，其中新建一個api.js文件，其中 第二步：在main.js中引入 import api from './api/api' (引入api.js) Vue.prototype.APIurl
2020-06-16 11:45:21
原创 vue中請求天氣數據（中國天氣網),以及展示天氣動態圖標skyInco
獲取天氣 getWeather () { let city = "杭州" this.$axios .get("http://wthrcdn.etouch.cn/weather_mini?city
2020-06-16 11:45:21
原创 vue中日期格式化Moment.js
1.安裝依賴 npm install moment --save 2.main.js中引用 import moment from 'moment' Vue.prototype.$moment = moment 3.在組件中使用 （使用
2020-06-16 11:45:21
2
原创 vue中使用UI框架，表格的數據和修改操作的表單之間相互影響如何解決
在管理系統中我們經常會遇到需要對錶格中某一行數據進行修改，在點擊修改操作時，一般我們會將這行表格的數據直接賦值給表單，進行操作，當我們對錶單的內容進行修改時，對應的表格中數據也會被修改，儘管這個時候我們還沒有點擊確定按鈕。在沒有點擊確定
2020-06-16 11:45:21
原创 分享到微博，空間，QQ好友的前端代碼
第一步，首先在iconfont中下載喜歡的圖標，引入，然後編寫結構部分代碼，下面使用的是iconfont的彩色圖標 如何使用彩色圖標https://blog.csdn.net/lanseguhui/article/details/1030
2020-06-16 11:45:21
原创 iconfont字體使用彩色圖標
1.先將選擇好的圖標加入購物車 2.然後添加至項目，可以選擇已有項目或者新建的項目 3.然後進入項目，點擊下載到本地 4.下載好的文件放入合適的目錄下 使用方法可以打開上圖的index.html查看 彩色圖標使用symbol中的引
2020-06-16 11:45:21
原创 vscode快速生成vue組件模板
第一步 文件 -----> 首選項 ------> 用戶代碼片段 -----> 輸入vue ------>找到vue.json文件 第二步 講下面代碼貼進vue.json文件中 "Print to consol
2020-06-16 11:45:21
原创 vue使用echarts簡單教程
1.安裝依賴 npm install echarts -S 2.在main.js中引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 3.在組件中使用
2020-05-22 00:16:43
原创 vue項目中樹形結構下拉框(vue-treeselect)
1.npm 安裝依賴 npm install --save @riophae/vue-treeselect 2. 在需要使用的組件中引入 import Treeselect from '@riophae/vue-treeselect'
2020-04-27 07:00:05
原创 vue解析excel文件(使用xlsx)
1.安裝xlsx依賴 npm install xlsx --save 2.創建一個js作爲外部引入,命名爲excel.js /* eslint-disable */ import XLSX from 'xlsx'; function
2020-04-25 04:35:58