服务器上配置网站,温岭 网站建设,当地信息网站建设资质,广州最近流感很厉害吗问题 错误思路#xff1a;
1 dept不能修改#xff0c; 用watch监听一下#xff1a;赋值给新的变量进行修改#xff0c;
问题#xff1a; currentDept 发生改变#xff0c; depth也发生了改变#xff0c;因为是浅拷贝#xff0c; 用了json.pase(json.stringify(value…问题 错误思路
1 dept不能修改 用watch监听一下赋值给新的变量进行修改
问题 currentDept 发生改变 depth也发生了改变因为是浅拷贝 用了json.pase(json.stringify(value))
还有问题 修改后取消再点进去发现currentpet 还是变化后的值
因为watch监听dept你在进入编辑弹框还是没有变化不会重新赋值给currentDept。导致currentDept还是变化后的值 解决
监听visible而不是currentDept 只要进入一次就重新赋值 templateel-dialogtop48pxwidth500title编辑销方信息:modelValuevisibleclosehandleClose()el-formrefruleFormRef:modelruleFormlabel-width150pxclassdemo-ruleFormstatus-iconel-form-item label分司名称: propcompanyNamediv{{ ruleForm.companyName }}/div/el-form-itemel-form-itemlabel分公司全称: proporgName:rules{required: true,message: 请输入分公司全称,trigger: change}el-input v-modelruleForm.orgName placeholder请输入分公司全称 //el-form-itemel-form-itemlabel地址: propaddress:rules{required: true,message: 请输入地址,trigger: change}el-input v-modelruleForm.address placeholder请输入地址 //el-form-itemel-form-itemlabel纳税人识别号: proptaxNo:rules{required: true,message: 请输入纳税人识别号,trigger: change}el-input v-modelruleForm.taxNo placeholder请输入纳税人识别号 //el-form-itemel-form-itemlabel电话: proptelPhone:rules{required: true,message: 请输入电话,trigger: change}el-input v-modelruleForm.telPhone placeholder请输入电话 //el-form-itemel-form-itemlabel开户行: propbankName:rules{required: true,message: 请输入开户行,trigger: change}el-input v-modelruleForm.bankName placeholder请输入开户行 //el-form-itemel-form-itemlabel银行账号: propbankNumber:rules{required: true,message: 请输入银行账号,trigger: change}el-input v-modelruleForm.bankNumber placeholder请输入银行账号 //el-form-itemel-form-itemlabel开票点编码: propopenInvoiceCode:rules{required: true,message: 请输入开票点编码,trigger: change}el-input v-modelruleForm.openInvoiceCode placeholder请输入开票点编码 //el-form-itemel-form-itemlabel电子票开票点编码: propelectronOpenInvoiceCode:rules{required: true,message: 请输入电子票开票点编码,trigger: change}el-input v-modelruleForm.electronOpenInvoiceCode placeholder请输入电子票开票点编码 //el-form-itemel-form-itemlabel预开张数: propinvoicePreNum:rules{required: true,message: 请输入预开张数,trigger: change}el-input v-modelruleForm.invoicePreNum placeholder请输入预开张数 //el-form-item/el-formtemplate #footerel-button clickhandleClose()取消/el-buttonel-button typeprimary clickconfirm(ruleFormRef)保存/el-button/template/el-dialog
/templatescript setup langts
import type { FormInstance } from element-plus
import { editSellerInformation } from /api/sellerInformation/list
let props defineProps({visible: {type: Boolean,default: false},editData: {type: Object,default: () ({})}
})
const ruleFormRef refFormInstance()
const ruleForm reactive({companyId: ,companyName: ,orgName: ,address: ,taxNo: ,telPhone: ,bankName: ,bankNumber: ,openInvoiceCode: ,electronOpenInvoiceCode: ,invoicePreNum:
}) as any
const emits defineEmits([closeDialog])
const handleClose (getData?: boolean) {emits(closeDialog, getData ? true : false)
}
watch(() props.visible,(newVal) {if (newVal) {ruleForm.companyId props.editData.companyIdruleForm.companyName props.editData.companyNameruleForm.orgName props.editData.orgNameruleForm.address props.editData.addressruleForm.taxNo props.editData.taxNoruleForm.telPhone props.editData.telPhoneruleForm.bankName props.editData.bankNameruleForm.bankNumber props.editData.bankNumberruleForm.openInvoiceCode props.editData.openInvoiceCoderuleForm.electronOpenInvoiceCode props.editData.electronOpenInvoiceCoderuleForm.invoicePreNum props.editData.invoicePreNum}}
)
// 确定按钮
const confirm async (formEl: FormInstance | undefined) {if (!formEl) returnawait formEl.validate((valid, fields) {if (valid) {editSellerInformation(ruleForm).then((res: any) {if (res.code 200) {ElMessage.success(res.msg)handleClose(true)} else {ElMessage.error(res.msg)}})} else {console.log(error submit!, fields)}})
}
/scriptstyle scoped langscss
.demo-ruleForm {padding-right: 30px;padding-bottom: 20px;
}
/style
