vue3 element-plus组件使用＜el-switch＞组件报错Uncaught (in promise) TypeError: Cannot read properties of undef

最新推荐文章于 2024-08-20 14:02:54 发布

無舆論比

最新推荐文章于 2024-08-20 14:02:54 发布

阅读量3.2k

点赞数 2

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/wangluoxiehui/article/details/125804791

版权

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"，问题解决