先在data里面定義變量

visible:false,
id:''

來(lái)個(gè)a標(biāo)簽

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

methods中的方法

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

給個(gè)model

    <a-modal title="數(shù)據(jù)核查" v-model="visible" @ok="handleOk2()">
      <a-row :gutter="20">
        <a-col :span="18">
          <a-form-item label="核查狀態(tài)">
            <j-dict-select-tag type="list" v-model="zhuang" style="width: 100%;" dictCode="verification_status" placeholder="請(qǐng)選擇核查磚頭"/>
          </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方法了，后臺(tái)根據(jù)id更新這條數(shù)據(jù)

      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("返回的結(jié)果",response)
        })
        this.visible = false;
      },

以上就是動(dòng)力節(jié)點(diǎn)小編介紹的"Vue點(diǎn)擊按鈕彈出頁(yè)面"，希望對(duì)大家有幫助，想了解更多可查看編程入門教程。動(dòng)力節(jié)點(diǎn)在線學(xué)習(xí)教程，針對(duì)沒(méi)有任何Java基礎(chǔ)的讀者學(xué)習(xí),讓你從入門到精通,主要介紹了一些Java基礎(chǔ)的核心知識(shí)，讓同學(xué)們更好更方便的學(xué)習(xí)和了解Java編程，感興趣的同學(xué)可以關(guān)注一下。