元件在實際專案中的使用

元件在實際專案中的使用

自動封裝元件

封裝元件後元件間傳值

父傳子props

子傳父$emit

元件事件的呼叫

在父元件內

元件標籤新增ref=『自定義名』

this.$refs.自定義元件名.子元件方法

元件插槽-套入資料或分開布局

slot的使用就像它的名字一樣, 在元件內定義一塊空間, 取名為slota

我是對話方塊

在元件外, 我們可以往插槽裡填入任何元素, dialog-a為元件的名稱

按鈕// ... 可以是任何元素

插槽作用域-外部獲取元件內部資料

slot-scope的作用就是把元件內的資料帶出來

我是對話方塊

}在元件外就可以得到其中的message

}實際專案**例項（多個自定義資料）

子元件1

2data()

},父元件

import collaps from '../../components/collapbox/index.vue'

collapsslot:}

collapsslot:}

collapsslot:}

分別輸出的是

collapsslot:

collapsslot:

步驟總結

1：先在子元件內新增slot

2：在想要獲取的插槽新增自定義表填並繫結想要傳給使用元件（父元件）子元件資料

此時使用name=slota的元件插槽的template就可以獲得子元件currentkey資料

3：在父元件內對應slot="子元件定義的名字"新增slot-scope=「自定義屬性名」

collapsslot:}

4：使用自定義的屬性名即可獲取相應的資料

獲得的資料是個物件裡面包含所有定義在slota內自定義的資料

比如 ：

子元件定義：

父元件獲取：

collapsslot:}

頁面就會列印：collapsslot:

5：擴充套件(在vue-ant框架內的a-table元件內處理多階層複雜**資料時經常會用到)

通過事件獲取的資料：

子元件：

父元件：

test

collapsslot:}

父元件:fntest(e)

會獲取到slot暴露出去的date，鍵是自定義的字串

slotadate2: "這是元件自身的資料text"

slotadata: (2) ["2", "1", ]

子元件定義slot時新增的資料是在使用slot時無資料時顯示（有資料不顯示暫無資料）

暫無資料

關於cachedrowset在實際專案中的應用

由於專案需求原因，需要實現乙個功能就是，抽取大量的資料庫資料然後寫入文字並打包上傳。看似乙個很簡單的東西，在大資料量的環境下就顯得不是那麼簡單了。首先有60張左右的表需要進行資料的處理。各個公司情況不同，表的總資料量可能是幾千萬到幾十億不等。所以，耗時非常嚴重。由於只是單純的進行資料的提取加工寫入文...

OTP在實際專案中的整合

提起動態令牌，大家都會想到認證伺服器，而這個認證伺服器又怎麼應用到實際的應用系統中呢？在這裡做乙個分析和說明，幫助廣大使用者能夠更好的使用otp動態令牌這種身份認證產品。從前面otp原理部分中可以看出，伺服器端是在乙個範圍內計算出多個otp，然後檢驗客戶端硬體產生的otp口令是否在這個範圍內。那麼伺...

CMakeLists 在實際專案中的編寫例項

最近在專案中經常需要編寫cmakelists，在此記錄一下正式專案中是如何編寫使用的，特此記錄便於日後查閱。project device authentication cmake minimum required version 3.5 include directories include src...