element-plus的el-switch的@change方法时初始就自动触发问题解决

element-plus的el-switch的@change方法时初始就自动触发问题解决

有问题的代码

<el-table-column label="上架状态" align="center" prop="upStatus" fixed="right">
                <template #default="scope">
                    <el-switch v-model="scope.row.upStatus" active-value=1 inactive-value=0 inline-prompt
                        active-text="上架" inactive-text="下架" @change="handleStatusChange($event, scope.row)"
                        style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"></el-switch>
                </template>
            </el-table-column>

这个代码,只要你进入界面,或者刷新,都会自动触发

change事件,这是不允许的。解决方法很简单,问题出现在这个位置

element-plus的el-switch的@change方法时初始就自动触发问题解决-技技爆

需要这样修改才可以完成。没添加:号就会导致数据是写死的

温馨提示: 本文最后更新于2024-12-16 15:36:01,某些文章具有时效性,若有错误或已失效,请在下方 留言
© 版权声明
THE END
喜欢就支持一下吧
点赞6赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容