驗證方法element上有介紹
//在el-form裡加上
:rules="rules" ref="ruleform"
//在el-form-item裡定義prop
prop="name"
//1、在data return裡定義rules
data,
],} }
} //2、在el-form-item 直接定義
:rules=""
//提交時的驗證 要把form傳過來
this.$refs[form].validate((valid) => else
//在main.js裡引入
import axios from "axios";
vue.prototype.axios = axios
// 統一配置請求位址
let baseurl = ""
axios.defaults.baseurl = baseurl
//在登入頁面傳送請求（跟表單驗證相結合）
login(form)
return config;
}, function (error) )
//開始配置相關資訊準備傳送請求
var api='';
var data={}
//傳送請求 注意：如果資料格式為formdata格式需要引入qs對資料進行轉換
this.axios.post(api,qs.stringify(data),}).then((response)=>else)
}).catch((error)=>)
}} else
}).catch((error)=>)
} else
});}
用***axios*** ***攔截請求，只要傳送請求就會觸發這個方法
//在登入時會將token存在本地 在main.js裡將token取出來
axios.interceptors.request.use(config=>
return config
})
axios只是攔截請求 路由是不登陸看不到頁面
router.beforeeach((to,from,next)=>elseelse
}})
router和index都需要動態繫結：
//在el-menu裡新增
:router="true"
//在選單項中將index開啟路由功能
//問路
:index=" '/home/'+path "
//在router.js的home裡新增巢狀路由
]} //在相對應的地方新增佔位符
vue element管理後台
之前沒有用vue element寫過後台，前幾天工作需要直接上手，遇到了很多坑，總結一下 動態修改頁面的屬性不能用點屬性的形式，資料重新整理了但是頁面不會重新渲染。動態的修改物件屬性需要使用 set this.tabledata id red true 錯誤方式 this.set this.tabl...
vue element管理後台的麵包屑
index.js裡面這樣寫 顯示的元件中寫 校園管理 data中寫 data methods中寫 麵包屑 getbreadcrumb 監聽和mounted watch mounted 下面這個是因為我加了乙個圖示。可以忽略 breadtop如果還有隱藏的麵包屑，我在網上沒找到辦法，然後就自己想了個特...
VUE element開發後台管理的搜尋功能
先看看樣式圖 實現上面這種簡單搜尋簡單的三步走 1.頁面樣式 在頁面中使用form表單的校驗功能來實現輸入搜尋。給表單的資料放入搜尋請求的data陣列中，也就是searchparams這個大集合中。備註 如果給每個輸入框新增了搜尋按鈕的click方法，則會在輸入完成後直接執行列表搜尋。所以考慮自己使...