vue+element表格中模態(tài)框的使用(解構(gòu)賦值)

phoenixsky 發(fā)布于2019-08-23 18:19 / 3454人閱讀

摘要：中定義方法解構(gòu)賦值使用方法在函數(shù)中傳入兩個(gè)數(shù)組第一個(gè)數(shù)組中的每一項(xiàng)一一對(duì)應(yīng)等于第二個(gè)數(shù)組的每一項(xiàng)例如張三得到張三表格中的內(nèi)容操作催辦中的數(shù)據(jù)當(dāng)前操作行模態(tài)框控制顯示隱藏點(diǎn)擊催辦按鈕調(diào)用函數(shù)傳入兩個(gè)數(shù)組得到讓模態(tài)框顯示并把當(dāng)前

main.js中定義方法

/**解構(gòu)賦值
 * @param {*} arr1 key
 * @param {*} arr2 value*/
 
 Vue.prototype.assignment = function(arr1, arr2){ //使用Element loading-start 方法
      arr1.map((item,index)  => {
        this[item] = arr2[index]
      })
}
//在函數(shù)中傳入兩個(gè)數(shù)組,第一個(gè)數(shù)組中的每一項(xiàng),一一對(duì)應(yīng)等于第二個(gè)數(shù)組的每一項(xiàng),例如 :
arr1=[name,age]  arr2=["張三","18"]
assignment (arr1, arr2)  得到:
name="張三",age="18"

表格中的內(nèi)容

data中的數(shù)據(jù)

data(){
    return:{
       currentItem: {}, //當(dāng)前操作行
       dialogUrgentVisible: false,    //模態(tài)框(控制顯示隱藏)
    }
}
//點(diǎn)擊催辦按鈕,調(diào)用assignment()函數(shù)傳入兩個(gè)數(shù)組得到
    this.currentItem=scope.row
    this.dialogUrgentVisible=true
    讓模態(tài)框顯示,并把當(dāng)前行的數(shù)據(jù)儲(chǔ)存到currentItem中

GPU云服務(wù)器云服務(wù)器解構(gòu)賦值 vue 中使用 webrtc vue中使用webrtc html下拉框的使用

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/105042.html

相關(guān)文章

vue+element中,新增和編輯共用一個(gè)模態(tài)框

摘要：當(dāng)新增和編輯模態(tài)框內(nèi)容一樣時(shí)這時(shí)候就可以共用一個(gè)模態(tài)框減少代碼量具體代碼如下新增新增不需要傳遞任何參數(shù)編輯編輯時(shí)候需要傳遞當(dāng)前行的模態(tài)框內(nèi)容公司名稱請(qǐng)輸入內(nèi)容統(tǒng)一信用社碼請(qǐng)輸入內(nèi)容公司地址請(qǐng)輸入內(nèi) 當(dāng)新增和編輯模態(tài)框內(nèi)容一樣時(shí),這時(shí)候就可以共用一個(gè)模態(tài)框,減少代碼量,具體代碼如下新增//新增不需要傳遞任何參數(shù) 編輯//編輯時(shí)候,需要傳遞當(dāng)前行的id 模態(tài)框內(nèi)容 ...

coolpail 2019-08-23 17:59 評(píng)論0 收藏0
vue項(xiàng)目中使用element-ui下拉框選項(xiàng)值為對(duì)象時(shí)報(bào)錯(cuò)

摘要：在做后臺(tái)管理時(shí)，使用了搭配，請(qǐng)求方法使用了插件，在使用下拉框時(shí)，因?yàn)槲倚枰@取選中的選項(xiàng)中的其他值，因此需要傳入對(duì)象。在做后臺(tái)管理時(shí)，使用了vue搭配elementUI，請(qǐng)求方法使用了axios插件，在使用下拉框時(shí)，因?yàn)槲倚枰@取選中的選項(xiàng)中的其他值，因此需要傳入對(duì)象。對(duì)select下拉框的文檔沒(méi)有讀的很仔細(xì)，百度過(guò)幾篇文章，也沒(méi)有理解他們表達(dá)的意思，然后自己又去看文檔，把他的屬性看...

Drummor 2019-08-26 10:57 評(píng)論0 收藏0
vue+element 模態(tài)框是表格形式的可編輯表單

摘要：要實(shí)現(xiàn)的效果如下初始化的時(shí)候不可編輯點(diǎn)擊編輯按鈕編輯按鈕隱藏取消編輯按鈕顯示部分輸入框變?yōu)榭删庉嫚I(yíng)銷單詳情工單號(hào)客戶姓名聯(lián)系電話客戶地址營(yíng)銷人員工號(hào) 要實(shí)現(xiàn)的效果如下,初始化的時(shí)候,不可編輯,點(diǎn)擊編輯按鈕,編輯按鈕隱藏,取消編輯按鈕顯示;部分input輸入框變?yōu)榭删庉媠howImg(https://segmentfault.com/img/bVbtBnR?w=915&h=437); s...

nifhlheimr 2019-08-23 17:59 評(píng)論0 收藏0
如何在angular.js中優(yōu)雅的使用ui.bootstrap的modal組件

摘要：提供唯一的方法配置。即文件名，在同一個(gè)頁(yè)面有多個(gè)不同業(yè)務(wù)的模態(tài)框的情況下很方便點(diǎn)擊確認(rèn)按鈕執(zhí)行的代碼可以從中獲取和字段進(jìn)一步操作發(fā)起請(qǐng)求等點(diǎn)擊取消按鈕執(zhí)行的代碼 ui.bootstrap的modal組件可以很方便地實(shí)現(xiàn)頁(yè)面controller與模態(tài)框controller之間通信，特別是彈出的模態(tài)框中有比較復(fù)雜的表格信息需要用戶填寫，下面切入主題：注冊(cè)全局模態(tài)框?qū)嵗腸ontrolle...

Jrain 2019-08-22 11:16 評(píng)論0 收藏0
vue的生命周期解析并通過(guò)表單理解MVVM（不僅理論，圖文并茂）

摘要：在前端頁(yè)面中，把用純對(duì)象表示，負(fù)責(zé)顯示，兩者做到了最大限度的分離。的顯示與否和的布爾值有關(guān)，還是只關(guān)注數(shù)據(jù)的變化。兩個(gè)組件的布爾值通過(guò)兩個(gè)臨近的按鈕控制，初始值和的結(jié)果都是。組件的聲明在組件上，則完全沒(méi)有進(jìn)入生命周期。開(kāi)始前說(shuō)一說(shuō) 吐槽首先，文章有謬誤的地方，請(qǐng)?jiān)u論，我會(huì)進(jìn)行驗(yàn)證修改。謝謝。 vue真是個(gè)好東西，但vue的中文文檔還有很大的改進(jìn)空間，有點(diǎn)大雜燴的意思，對(duì)于怎么...

silvertheo 2019-08-22 14:56 評(píng)論0 收藏0