vue3 element-plus组件使用<el-switch>组件报错,代码如下

<el-table-column label="启用">
      <template slot-scope="scope">
        <el-switch
            v-model="scope.row.enable"
            class="ml-2"
            style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
            @change="changeEnable(scope.row)"
        />
      </template>
    </el-table-column>

错误信息如下:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'row')

 修改代码如下:

 <el-table-column label="启用">
      <template v-slot="scope">
        <el-switch
            v-model="scope.row.enable"
            class="ml-2"
            style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
            @change="changeEnable(scope.row)"
        />
      </template>
    </el-table-column>

即将slot-scope="scope"改为v-slot="scope",问题解决

Logo

前往低代码交流专区

更多推荐