--public time : 2018-06-28<四>--
一、概述
1、【新增】 要求每次點(diǎn)擊·新增按鈕·都可以新建一個(gè)form表單,表單默認(rèn)是空的。
2、【編輯】 要求每次點(diǎn)擊·編輯按鈕·都可以自動(dòng)填充該記錄到表單里面!
二、數(shù)據(jù)
const defaultForm = {
name: '',
region: '廣州',
resource: '',
desc: ''
}
data() {
return {
ruleForm: Object.assign({}, defaultForm)
}
}
三、方法、事件
methods: {
createForm() {
this.dialogVisible = true
this.ruleForm = Object.assign({}, defaultForm)
},
editForm() {
this.dialogVisible = true
this.ruleForm = Object.assign({}, formData)
}
}
如果不是手動(dòng)觸發(fā)事件,那么可以通過這樣:
created() {
if (this.isEdit) {
// this.fetchData() // 后臺(tái)獲取數(shù)據(jù)
this.postForm = Object.assign({},formData) // 本條記錄的數(shù)據(jù)
} else {
this.postForm = Object.assign({}, defaultForm)
}
},