資訊專欄INFORMATION COLUMN
摘要：當(dāng)新增和編輯模態(tài)框內(nèi)容一樣時(shí)這時(shí)候就可以共用一個(gè)模態(tài)框減少代碼量具體代碼如下新增新增不需要傳遞任何參數(shù)編輯編輯時(shí)候需要傳遞當(dāng)前行的模態(tài)框內(nèi)容公司名稱請(qǐng)輸入內(nèi)容統(tǒng)一信用社碼請(qǐng)輸入內(nèi)容公司地址請(qǐng)輸入內(nèi)
當(dāng)新增和編輯模態(tài)框內(nèi)容一樣時(shí),這時(shí)候就可以共用一個(gè)模態(tài)框,減少代碼量,具體代碼如下
新增//新增不需要傳遞任何參數(shù)編輯//編輯時(shí)候,需要傳遞當(dāng)前行的id
模態(tài)框內(nèi)容
data中的數(shù)據(jù)
addForm:{
name:"",
creditCode:"",
address:"",
tel:"",
id:""
},
dialogAddgsVisible:false,
title:""
點(diǎn)擊新增彈框按鈕,改變模態(tài)框的title
addGsForm(){
this.dialogAddgsVisible = true;
this.title="新增"
},
點(diǎn)擊編輯模態(tài)框,改變模態(tài)框title,并且把當(dāng)前行的數(shù)據(jù)賦值給模態(tài)框的input輸入框
bjGsForm(val){
console.log(val)
this.dialogAddgsVisible = true;
this.title="編輯"
this.addForm.name=val.name
this.addForm.creditCode=val.creditCode
this.addForm.address=val.address
this.addForm.tel=val.tel
this.addForm.id=val.id
},
關(guān)閉或取消彈框
closeDialogAddgsVisible(){
this.$refs.addForm.resetFields();//element封裝的方法,清空模態(tài)框的值
this.title="" //初始化title的值
this.addForm={//初始化addForm中的值
name:"",
creditCode:"",
address:"",
tel:"",
id:""
}
},
點(diǎn)擊確定按鈕(確定添加或編輯)
saveAddForm() {
this.$refs.addForm.validate(valid => {
if (valid) {
let params = {
id: this.addForm.id,
name: this.addForm.name,
creditCode: this.addForm.creditCode,
address: this.addForm.address,
tel:this.addForm.tel,
};
if(!this.addForm.id){//當(dāng)沒(méi)有傳過(guò)來(lái)id的時(shí)候,說(shuō)明是添加,所以發(fā)送添加請(qǐng)求
this.$post(
"/api/company/admin/saveCompany",
params,
data => {
// console.log(data, 1122);
this.$message.success("新增企業(yè)成功！")
this.dialogAddgsVisible = false
this.handleCurrentChange(1);
}
);
}else{//發(fā)送編輯請(qǐng)求
this.$post(
"/api/company/admin/updateCompany",
params,
data => {
// console.log(data, 1122);
this.$message.success("修改企業(yè)成功！")
this.dialogAddgsVisible = false
this.handleCurrentChange(1);
}
);
}
}
});
},
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/104460.html
摘要：要實(shí)現(xiàn)的效果如下初始化的時(shí)候不可編輯點(diǎn)擊編輯按鈕編輯按鈕隱藏取消編輯按鈕顯示部分輸入框變?yōu)榭删庉嫚I(yíng)銷單詳情工單號(hào)客戶姓名聯(lián)系電話客戶地址營(yíng)銷人員工號(hào) 要實(shí)現(xiàn)的效果如下,初始化的時(shí)候,不可編輯,點(diǎn)擊編輯按鈕,編輯按鈕隱藏,取消編輯按鈕顯示;部分input輸入框變?yōu)榭删庉媠howImg(https://segmentfault.com/img/bVbtBnR?w=915&h=437); s...
摘要：實(shí)現(xiàn)效果如下結(jié)構(gòu)操作成員刪除獲取當(dāng)前行的打開新增成員確定新增請(qǐng)選擇用戶添加成功從數(shù)組中添加當(dāng)前行刪除員工確定刪除嗎刪除成功從數(shù)組中刪除當(dāng)前行 實(shí)現(xiàn)效果如下showImg(https://segmentfault.com/img/bVbtHZ3?w=1081&h=359); 結(jié)構(gòu) 成員 刪除 ...
摘要：在前端頁(yè)面中，把用純對(duì)象表示，負(fù)責(zé)顯示，兩者做到了最大限度的分離。的顯示與否和的布爾值有關(guān)，還是只關(guān)注數(shù)據(jù)的變化。兩個(gè)組件的布爾值通過(guò)兩個(gè)臨近的按鈕控制，初始值和的結(jié)果都是。組件的聲明在組件上，則完全沒(méi)有進(jìn)入生命周期。 開始前說(shuō)一說(shuō) 吐槽 首先， 文章有謬誤的地方， 請(qǐng)?jiān)u論， 我會(huì)進(jìn)行驗(yàn)證修改。謝謝。 vue真是個(gè)好東西，但vue的中文文檔還有很大的改進(jìn)空間，有點(diǎn)大雜燴的意思，對(duì)于怎么...
摘要：中定義方法解構(gòu)賦值使用方法在函數(shù)中傳入兩個(gè)數(shù)組第一個(gè)數(shù)組中的每一項(xiàng)一一對(duì)應(yīng)等于第二個(gè)數(shù)組的每一項(xiàng)例如張三得到張三表格中的內(nèi)容操作催辦中的數(shù)據(jù)當(dāng)前操作行模態(tài)框控制顯示隱藏點(diǎn)擊催辦按鈕調(diào)用函數(shù)傳入兩個(gè)數(shù)組得到讓模態(tài)框顯示并把當(dāng)前 main.js中定義方法 /**解構(gòu)賦值 * @param {*} arr1 key * @param {*} arr2 value*/ Vue.pro...
閱讀 3539·2021-11-24 09:39
閱讀 795·2019-08-30 14:22
閱讀 3044·2019-08-30 13:13
閱讀 2330·2019-08-29 17:06
閱讀 2934·2019-08-29 16:22
閱讀 1268·2019-08-29 10:58
閱讀 2441·2019-08-26 13:47
閱讀 1641·2019-08-26 11:39
