600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > Vue点击按钮弹出页面

Vue点击按钮弹出页面

时间:2023-03-01 01:45:41

相关推荐

Vue点击按钮弹出页面

先在data里面定义变量

visible:false,id:'',

来个a标签

<a @click="inpect(record)">核查</a>

methods中的方法

inspect(record){this.visible = true;this.id = record.id;},

给个model

<a-modal title="数据核查" v-model="visible" @ok="handleOk2()"><a-row :gutter="20"><a-col :span="18"><a-form-item label="核查状态"><j-dict-select-tag type="list" v-model="zhuang" style="width: 100%;" dictCode="verification_status" placeholder="请选择核查砖头"/></a-form-item></a-col></a-row><a-row :gutter="20"><a-col :span="18"><a-form-item label="上传证明材料"><j-upload v-model="materials" :trigger-change="true"></j-upload></a-form-item></a-col></a-row></a-modal>

好了,接着就是handleOk2方法了,后台根据id更新这条数据

handleOk2(){var aaa = this.zhuang;var bbb = this.materials;var id = this.theid;this.axios.get('/basicdataverification/basicDataVerification/verification', {params: {'id': id,'status': aaa,'materials':bbb } }).then((response)=>{console.log("返回的结果",response)})this.visible = false;},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。