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

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

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

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

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

silvertheo 2019-08-22 14:56 評論0 收藏0