做图挣钱的网站,电商网站商品表设计,网站站开发 流量,郴州微网站建设实例只针对单个的按钮管用在表格里每一列都有el-popover相当于是v-for遍历了 所以我们在触发按钮的时候并不是单个的触发某一个 主要执行 代码 el-popover placementleft :refpopover-${scope.$index} 动态绑定了ref 关闭弹窗 执行deltask… 实例只针对单个的按钮管用在表格里每一列都有el-popover相当于是v-for遍历了 所以我们在触发按钮的时候并不是单个的触发某一个 主要执行 代码 el-popover placementleft :refpopover-${scope.$index} 动态绑定了ref 关闭弹窗 执行deltaskList el-table-column aligncenter label操作 fixedright width300px!-- v-buttonShow5010403 --template slot-scopescopeel-popover placementleft :refpopover-${scope.$index}div styleborder-bottom: 1px solid #ebeef5; margin-bottom: 10px; padding-bottom: 6px设置账期/divdiv styledisplay: flex; flex-direction: column仅记录账期并不会影响出账流程~el-selectv-modelsetAccountValclearablefilterableplaceholder请选择结算方式stylewidth: 260px; margin-top: 15pxsizesmallel-optionv-for(item, index) in paymentTermsList:keyindex:labelitem.name:valueitem.value/el-option/el-select/divdiv styletext-align: right; margin: 0px; margin-top: 15pxel-button typetext clickdeltaskList(scope.$index)取消 /el-buttonel-button sizesmall typeprimary clickpopConfirmSub(scope.$index)确定 /el-button/divel-buttonstylemargin-left: 10pxslotreferencetypetextv-ifmode 0clicksetAccountBtn(scope.row)设置账期/el-button/el-popover/template/el-table-column// 设置账期setAccountBtn (row, index) {let findItem this.paymentTermsList.find((item) item.name row.paymentTerms)this.setAccountVal findItem.valuethis.setAccountBtnRow row},// 确定async popConfirmSub (index) {if (this.setAccountVal ) return this.$message.error(请选择账期)await newFranchiseeCustomerPaymentTermsEdit({orgOwner: this.setAccountBtnRow.orgOwner,paymentTerms: this.setAccountVal})this.$message.success(操作成功)this.deltaskList(index)this.querySubmit(1)},// 取消deltaskList (index) {this.$refs[popover-${index}].doClose()}