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

原创 elementui表單驗證無效的解決方法

原代碼: <el-form-item label="分類名稱"><el-input v-model="addCateform.cat_name"></el-input></el-form-item>   修改後: <el-form-ite

原创 elementui級聯下拉框怎麼設置可選擇任意一級選項以及設置後前面會出現1個單選按鈕去掉單選按鈕的方法和選好後下拉麪板不自動收起的問題

一、elementui的級聯下拉列表默認只能選擇最末端的那個,如果需要點擊哪個就可以選擇哪個,需要做如下設置:   解決方法:在props屬性增加{checkStrictly: true   <el-cascader :props="{

原创 解決Element-UI中的Cascader 級聯選擇器高度過高的問題

  解決方法: 在項目中的global.css文件中加.el-cascader-panel {height: 300px;}即可完美解決