Element UI中swich(開關)在表格中的使用

需求說明

1. 根據後臺傳值動態顯示開關（0爲關，1爲開）
2. 對開關進行操做時請求後臺，須要傳兩個參數：ID，Status

問題描述

1. Swich默認是boolean類型，然後臺傳值 爲number類型
2. Swich的chang方法中只有一個回調參數

解決方法

1.自定義

<el-switch v-model="status"
   active-value="1"
     inactive-value="0">
</el-switch>
複製代碼

請注意以面的寫法，active-value和inactive-value的值分別是字符串的1和0,若是你賦值爲數字類型的 1 或 0是沒法正常工做的，若賦值爲數值類型，需這樣寫：

<el-switch v-model="status"
   :active-value="1"
     :inactive-value="0">
</el-switch>
複製代碼

2.下面代碼中的$event就是switch的當前狀態值,而status就是自定義的參數

<el-switch v-model="status"
   :active-value="1"
     :inactive-value="0"
   @chang=chang($event,status)>
</el-switch>
複製代碼

參考文獻

ElementUI中switch回調函數change的參數問題 element ui 表格裏添加動態的開關 如何實現？