實施方法

Swich默認是boolean類型，而后臺傳值 為number類型，這個時候我們需要用number來取代boolean類型；

<template slot-scope="scope"><el-switch v-model="state"on-value="1"off-value="0"on-text="文字"off-text="圖標"off-color="#20a0ff"@change="changeStatus($event,scope.row)"></el-switch> </template>

請注意以面的寫法，on-value和off-value的值分別是字符串的1和2,如果你賦值為數字類型的 1 或 2是無法正常工作的，若賦值為數值類型，需這樣寫：

<template slot-scope="scope"><el-switch v-model="state":on-value="1":off-value="0"on-text="文字"off-text="圖標"off-color="#20a0ff"@change="changeStatus($event,scope.row)"></el-switch> </template>

我們使用綁定的方式，同時@change可以傳值$event就是switch的當條信息值，或者直接獲取綁定的model值state，scope.row為參數，還可以再添加index表示當前列表的序號。
注：改變狀態時要注意返回的狀態根據狀態來選擇相應的寫法

總結

以上是生活随笔為你收集整理的工作150:1、根据后台传值动态显示开关状态及文字说明（0为文字，1为图标）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。