vue+element表格中模態框的使用(解構賦值)

main.js中定義方法

/**解構賦值
 * @param {*} arr1 key
 * @param {*} arr2 value*/
 
 Vue.prototype.assignment = function(arr1, arr2){ //使用Element loading-start 方法
      arr1.map((item,index)  => {
        this[item] = arr2[index]
      })
}
//在函數中傳入兩個數組,第一個數組中的每一項,一一對應等於第二個數組的每一項,例如 :
arr1=[name,age]  arr2=['張三','18']
assignment (arr1, arr2)  獲得:
name='張三',age='18'

表格中的內容

<el-table-column label="操做" min-width="100" class="caozuo">
        <template slot-scope="scope" v-if="scope.row.state != 3">
            <div class="caozuoBtn" @click="assignment(['currentItem', 'dialogUrgentVisible'], [scope.row, true])">催辦</div>                  
        </template>
 </el-table-column>

data中的數據

data(){
    return:{
       currentItem: {}, //當前操做行
       dialogUrgentVisible: false,    //模態框(控制顯示隱藏)
    }
}
//點擊催辦按鈕,調用assignment()函數傳入兩個數組獲得
    this.currentItem=scope.row
    this.dialogUrgentVisible=true
    讓模態框顯示,並把當前行的數據儲存到currentItem中