vue3 el-switch页面刷新触发

329 阅读1分钟

以下是原本的代码:

<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事件造成的。

属性前加冒号,说明值是一个表达式或者变量,是动态值,,, 不加冒号,说明值,是一个字符串~