html：
>
class
="upload-demo"
ref="upload"
action
="#"
:limit
="1"
:before-upload
="beforeupload"
:on-change
="handlechange"
:on-remove
="handleremove"
:on-exceed
="handleexceed"
:file-list
="filelist"
accept
= :auto-upload
="false"
>
slot
="trigger"
size
="small"
type
="primary"
>
選取檔案el-button
>
slot
="tip"
class
="el-upload__tip"
>
只能上傳xls/xlsx檔案div
>
el-upload
>
el-form-item
>
// before-upload 上傳檔案之前的鉤子 on-chang 檔案狀態改變時的鉤子
// on-remove 檔案列表移除檔案時的鉤子 on-exceed 檔案超出個數限制時的鉤子
// file-list 上傳的檔案列表 accept 上傳檔案的型別 auto-upload是否自動上傳
import axios from
"@/axios/index"
;export
default
, filelist:
,}}}
},methods:
if(size >1)
},// 檔案狀態改變
handlechange
(file, filelist)},
// 刪除檔案
handleremove
(file, filelist)
,// 檔案超出個數限制
handleexceed
(files, filelist)
個` );}
,getmessagelist()
else
axios
.request()
.then
((res)
=>);
window.location.
reload()
;}).
catch
((e)
=>);
},}
vue element搭建專案
前言 使用到的技術和框架及平台外掛程式 git vue vuex element js cookies 步驟 1 配置開發環境 node.js npm v 檢視node版本 vue v 檢視vue版本 vue vue cli 全域性安裝vue vue腳手架 2 新建資料夾，在檔案下初始化專案 vue...
vue element管理後台
之前沒有用vue element寫過後台，前幾天工作需要直接上手，遇到了很多坑，總結一下 動態修改頁面的屬性不能用點屬性的形式，資料重新整理了但是頁面不會重新渲染。動態的修改物件屬性需要使用 set this.tabledata id red true 錯誤方式 this.set this.tabl...
vue element表單驗證
簡單的輸入為空和輸入3 5個字元驗證 使用之後的隨筆 template部分 ruleform rules rules ref ruleform label width 100px class demo ruleform 姓名 prop name ruleform.name el input el f...