原创 在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,按一次選中一個,要替換幾個就按幾次,然後輸入要替換的內容即可