以下是原本的代码:
<el-switch
v-model="value"
active-value="0"
inactive-value="1"
@change="handleStatusChange(scope.row)"></el-switch>
vue版本:3.2.25
Element-plus:2.2.32
以上el-switch标签会在页面刷新chang事件,代码修改成以下:
<el-switch
v-model="scope.row.status"
:active-value="0"
:inactive-value="1"
@change="handleStatusChange(scope.row)"></el-switch>
主要是这两个属性造成的:
:active-value="0"
:inactive-value="1"
应该是这两个属性加冒号和不加冒号,取到对应值的类型不同,造成el-switch触发了chang事件造成的。
属性前加冒号,说明值是一个表达式或者变量,是动态值,,, 不加冒号,说明值,是一个字符串~