vue中使用模态框传参_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'

表格中的内容

催办

data中的数据

data(){

return:{

currentItem: {}, //当前操作行

dialogUrgentVisible: false, //模态框(控制显示隐藏)

}

}

//点击催办按钮,调用assignment()函数传入两个数组得到

this.currentItem=scope.row

this.dialogUrgentVisible=true

让模态框显示,并把当前行的数据储存到currentItem中