需求說明
1帕翻、根據(jù)后臺傳值動態(tài)顯示開關(guān)（0為關(guān)宠进，1為開）
2晕拆、對開關(guān)進(jìn)行操作時請求后臺，需要傳兩個參數(shù)：ID砰苍，State
需求描述
我先說我的需求潦匈，我想在列表的每一條添加一個開關(guān)，可以改當(dāng)前一條數(shù)據(jù)的狀態(tài)赚导，并發(fā)送到服務(wù)端，并根據(jù)服務(wù)端返回的結(jié)果局部刷新當(dāng)前一條數(shù)據(jù)
期望結(jié)果
已讀和未讀是后端返回給我的狀態(tài)赤惊，分別是1和2吼旧，我先點(diǎn)擊switch發(fā)送給后端這條數(shù)據(jù)的id，然后修改這一條數(shù)據(jù)的狀態(tài)未舟，而不是重新拿這個列表圈暗，如果后端返回失敗的情況這個switch不做改變
解決方法
Swich默認(rèn)是boolean類型掂为，而后臺傳值 為number類型，這個時候我們想用number來取代boolean類型员串；
<el-switch v-model="state"
active-value="1"
inactive-value="2">
</el-switch>
請注意以面的寫法勇哗，active-value和inactive-value的值分別是字符串的1和2,如果你賦值為數(shù)字類型的 1 或 2是無法正常工作的，若賦值為數(shù)值類型寸齐，需這樣寫：
<el-switch v-model="state"
:active-value="1"
:inactive-value="2"
@change=chang($event,state)>
</el-switch>
我們使用綁定的方式欲诺，同時@change可以傳值$event就是switch的當(dāng)條信息值，state為參數(shù)渺鹦，還可以再添加index表示當(dāng)前列表的序號
實(shí)戰(zhàn)（上代碼）
這里是方法引用和參數(shù)傳遞（參數(shù)包括：當(dāng)前的狀態(tài)
