原创 elementUI 表單非必填項的驗證
// prop是需要的 <el-form-item label="聯繫郵箱：" prop="email"> <el-input type="text" v-model="form.email" show-word-limit ma
2020-06-30 04:52:32
原创 記錄一次linux服務器安裝nginx,配置SSL
目前服務器狀態 剛從阿里雲重置完 // 1 安裝依賴 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel // 2 進入/usr/local目
2020-06-30 04:52:32
原创 linux 部署node環境
參考網上的各種方式，找到一個適合自己的 1 直接在node的官網上下載linux的二進制包，上傳至服務器 https://nodejs.org/en/download/ 上傳目錄的話 我上傳至了 /usr/local/node
2020-06-30 04:52:32
原创 關於elementUI表單驗證的重置，一般多用於dialog的情況
在做中後臺管理系統的時候，一般會有彈窗表單的出現，此時就需要添加表單的重置功能，防止每次打開的時候 上次的信息遺留 下面說重點 1 給所有的表單項添加 prop 2 需要在el-form上添加 :model / ref ，這兩項是驗證必
2020-06-30 04:52:32
2
原创 js 爲上傳的圖片添加水印
項目中將該方法提取到單獨的文件中 base.js const base = {} /** * @description: 圖片添加水印 * @param {file} file 圖片的file對象 * @param {Funct
2020-06-30 04:52:32
1
原创 關於h5與app的交互
所謂交互，其實就是兩種傳值的方式 1 h5給app傳值 （方法主體由移動端人員編寫，h5調用） 2 app給h5傳值（方法主體由h5人員編寫，移動端調用） 說在之前 無論哪種方式，雙方約定是必須的，區分IOS與Android也是必須的
2020-06-30 04:52:32
原创 關於elemenui表單驗證
描述下出現的bug 1 使用el-autocomplete的時候，如果輸入的查詢參數正好與最後查詢出來的結果一樣的話，則不會觸發主動驗證 2 像upload組件等，不能直接寫v-model的組件，在進行操作的時候也會有這個問題 簡單來說，
2020-06-30 04:52:32
原创 管理後臺 左側sidebar組件提取 - 遞歸組件
主體使用elementUI 的控件 底層子組件 SidebarItem.vue 採用遞歸的方式遍歷層級 <template> <div class="menu-wrapper"> <template v-for=
2020-06-30 04:52:32
原创 vue + element 動態麪包屑
兩種思路 1 平級路由，通過添加meta來做麪包屑 2 嵌套路由，通過新增router-view做切換 注：因爲是後臺管理系統，左側有一個sidebar，所以在實現上會比沒有sidebar的更復雜 麪包屑採用elementui的組件，
2020-06-30 04:52:32
原创 vue+ts+裝飾器 @Ref 獲取元素距離頂部的位置
<div> <el-button type="primary" ref="ceshi" @click="goSome">點擊</el-button> </div> @Ref() readonly c
2020-06-30 04:52:32
原创 ts項目中引入js的 npm包
1 可以選擇安裝其npm包的typescript版本 npm install @types/包名 --save 一般都是這樣命名 如果沒有安裝成功 那說明他沒有ts版本， 就只能另想辦法 2 如果是自己寫的js庫 可以單獨編寫.
2020-06-30 04:52:32
原创 vue + ts 關於工具函數的封裝及導出
在使用Vue構建項目的時候，通常會封裝一些全局方法，這裏說下我使用ts構建時封裝的方式 以其中一個爲例 interface Bs { [propName: string]: any } const bs: Bs = {} /
2020-06-30 04:52:32
原创 js下載base64的圖片（兼容到IE10）
自我記錄 /* imgUrl: base64 fileName: 保存時候的文件名 */ downLoadImg(imgUrl, fileName = 'aa') { // 下載 if (window.navigator.ms
2020-05-09 22:54:11
1
原创 後臺管理系統 篩選緩存
一般的列表頁，上面都會有一個篩選 功能：刷新頁面篩選條件不變；點擊重置或切換頁面則初始化查詢條件 思路： 利用sessionStorage做緩存，根據不同的節點 調整緩存 created, 點擊按鈕,destoryed data()
2019-10-25 16:04:21
原创 vue腳手架全局引入scss變量表 2.0和3.0
項目中的全局css變量一般抽離出來單獨維護，此處使用的是scss（不適用於styl/less） vue-cli 2.0的腳手架 // 首先需要額外安裝一個loader npm install sass-resources-loader
2019-10-25 16:03:49