实施方法
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
表示当前列表的序号。
注:改变状态时要注意返回的状态根据状态来选择相应的写法