原创 在logo上面實現類似閃電的動畫效果
css代碼: .logo.scaning:before { content: ""; position: absolute; left: -465px; top: -260px; width: 25
原创 elementui在表格/下來列表等展示數據的區顯示加載中
1,先在data屬性裏定義1個loading屬性,默認爲false data()( { return:{ loading:false }} 2、在el-tabale 後面增加屬性: v-loading="loading"
原创 chrome已安裝Vue Devtools在控制檯卻無顯示
解決方法: 按F5+F12
原创 elementui項目裏面無法獲取到數據的原因記錄
在調用Api請求數據服務端一直提示商品id只能是數字,經過仔細檢查才發現傳參爲id,但在請求地址裏面直接直接寫了id,沒有使用變量形式拼接,記錄下。。 把 const {data:res} =await this.$ax
原创 element-ui裏面的form表單i驗證input內容已經輸入不爲空了,但效驗還是報錯不能爲空
原因:下面3個紅色名字以及2個藍色名必須一致,有1個不一致就無法通過效驗,出現標題所說問題 <el-form :model="userinfo" :rules="editUserFormRules" > <el-form-it
原创 單選框組 el-radio-group 的 v-model的值和某個el-radio裏的label值一致時,該單選框被選中
<el-form-item label="支付方式" prop="order_pay"> <!-- v-model綁定的值等於哪個label的值時哪個單選框就默認被選,如果等於0則label="0"的單選框默認選中 -
原创 elementui使用day.js格式化後端接口裏的日期時間戳
一、格式化事件之前請確保時間戳是13位數,如果不是要先把時間戳 *1000 (相關說明:https://www.cnblogs.com/JeffreyZhu/p/15793294.html) 二、然後在vue項目裏使用 npm 安裝day
原创 elementui做自定義分頁
當後端返回的數據沒有做分頁時,可以在vue頁面配置element 分頁組件做分頁: 1,先在data中定義好分頁相關的屬性 currentPage: 1, // 當前頁碼 total: 10, // 總條數 pageSize: 10 //
原创 vscode中Eslint和格式化插件發生衝突時的解決方法
比如Eslint要求代碼在一行中顯示,但保存之後格式化插件會把部分代碼換行顯示,這時候Eslint就會報錯 解決方法: 打開項目根目錄下的代碼格式化配置文件.prettierrc,新增一項配置: "printWidth":200 這裏的
原创 elementui文件(圖片)上傳組件對圖片大小和類型進行判斷限制
1,先在el-upload設置accept屬性,限定文件類型 <el-upload accept=".jpg,.jpeg,.png,.gif.JPG,.JPEG,.PNG,.GIF" > 但這樣做只能限制上傳文件時打開的文件上傳對話
原创 elementui分頁更改後,需要再次調用獲取列表數據函數
handleCurrentChange(val) { this.queryParams.pagenum = val console.log('顯示第' + this.queryParams.pagenum + '頁
原创 elementui 時間樹使用說明
排序: <el-radio-group v-model="reverse"> <el-radio :label="true">倒序</el-radio> <el-radi
原创 elementui滑塊開啓和關閉狀態動態綁定
<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949" active-value="100" inactive-value="0"> </el-s
原创 vscode報錯:invalid shorthand property initializer
一般是把對象裏的:寫成了 =,或者在標籤屬性裏把 = 寫成了:
原创 vscode快速替換
先選中要替換的文字,然後按ctrl+D,按一次選中一個,要替換幾個就按幾次,然後輸入要替換的內容即可