原创 vue+vant 微信公衆號內嵌單頁面獲取openid
介紹： 以前做的是，直接www.baidu.com?openid=xxx,由第三方提供openid，現在需要我們包產到戶，全部有我們來做。 2019-12-16：由於vuex刷新會重置，所以導致在一個有路由守衛的頁面刷新，會出現空
2020-06-19 06:11:40
2
原创 vue+vant 利用FormData上傳圖片（單張or多張）第一版
介紹： 流程：input選取file=>append到FormData中=>提交後臺。 利用FormData上傳，這個流程無論換什麼ui框架，或者自己寫都走得通，親測有效。（自己手寫的上傳就不拿出來分享了，主要是太亂，自己都看半天
2020-06-19 06:11:40
原创 vue+vant （redirect_uri 域名與後臺配置不一致 10003）
重要的事情說三遍！！！ AppID+網頁授權域名，一定要和後臺配置的一樣！！！ AppID+網頁授權域名，一定要和後臺配置的一樣！！！ AppID+網頁授權域名，一定要和後臺配置的一樣！！！ 切記！我遇到這個問題是，因爲我原本配置
2020-06-19 06:11:40
2
原创 vue開發公衆號-關閉瀏覽器返回主公衆號
setTimeout(()=>{ // 兩種方法都行 不加setTimeout方法二可能失效 //方法1：不需要jssdk document.addEventListener('WeixinJSBridgeReady',
2020-06-19 06:11:40
原创 手機報錯：config:invalid signature問題；網頁開發工具報錯：config:fali，Error:系統錯誤，錯誤碼：63002，invalidsignature問題
折騰了幾天發現是（java老哥單詞少了一個字母） 官方建議： invalid signature簽名錯誤。建議按如下順序檢查： 1.確認簽名算法正確，可用http://mp.weixin.qq.com/debug/cgi-bi
2020-06-19 05:11:09
1
原创 vue+element 表單
1.驗證手機號/電話/身份證 //html <el-form :model="newForm" status-icon :rules="newRules" ref="newForm" label-width="100px"> <
2020-06-19 05:11:09
1
原创 Vue Cli 3項目 ，配置代理、阻止webpack://源碼泄露、新建+刪除node_modules
根目錄新建vue.config.js vue.config.js module.exports = { productionSourceMap: false, //防止源碼泄露 devServer: { proxy
2020-06-19 05:11:09
1
原创 vue+vant 動態表單
效果如圖： 代碼如下： <template> <div class="Question w100 pb10 bgf"> <div class="fz14 color3 pt10 borderbe0 tc pb15 m
2020-06-19 05:11:09
1
原创 vue+element 表單BUG記錄
介紹： 復現：一般都是表單中，二級聯動或者三級聯動，使用change方法改變form:{ name:’’ }中的屬性； 1.視圖不更新 2.el-select下拉全選； 針對問題一解決方法： //使用$set this.$set(
2020-06-19 05:11:09
2
原创 vue+element 表格
1.編輯表格 <el-table-column prop="sort" label="排序" align="center"> <template slot-scope="scope"> <span v-show="N
2020-06-19 05:11:09
1
原创 ant design pro 數據脫敏（姓名/手機號）
utils.js export default class Utils { static onlySeeSome(str,type) {//str文本-type類型：name/姓名；phone/手機號 let a
2020-06-19 05:11:09
原创 關於單頁面打印標籤功能的實現-全流程
描述： 在頁面中實現點擊按鈕，打印指定的內容。如圖 打印功能其實還好，網上很多代碼打印，主要是配置賊繁瑣。 代碼： //初版 doPrint=(id) =>{ //方法 const el = document.getEl
2020-06-19 05:11:09
原创 vue+element 上傳
介紹： 1.單個與多個，就是限制個數不一樣；其次就是v-model，一個是字符串，一個是數組，獲取詳情和提交時map生成fileList就可以了。 2.圖片都可預覽刪除，超過限制後上傳按鈕隱藏。 單個上傳： 效果如圖： htm
2020-06-19 05:11:09
原创 我的vue學習日記（二）——後臺管理系統（vue+vuex+vue-cli+element+axios+router）
GitHub： https://github.com/liubaichao/vue-vuex-vue-cli3.0-element-axios-router.git 效果如圖： PC 賬號：admin 密碼：123
2020-06-19 03:56:45
原创 vue+element 下載or批量下載.mp3文件
1.後臺分頁版 <template> <!-- 通話回推列表 --> <div class="CallList" v-loading="loading"> <el-row :gutter="12" class="mt
2020-06-19 03:56:45