在ElementUI的表格中使用Switch,给出提示框再改变值

本篇讲述在Vue项目中使用Switch开关改变状态值之前给出弹窗提示

项目中需求:在表格中给每项加一个状态控制按钮,点击按钮给出提示框询问用户是否确定更改状态,用户确定之后再改变Switch的开关值。

  1. HTML
        
          
        

在ElementUI的表格中使用Switch,给出提示框再改变值_第1张图片
2. JS函数
在ElementUI的表格中使用Switch,给出提示框再改变值_第2张图片
注意:必须要给switch组件设置disable禁用掉,不然点击时就会改变switch开关的值,实现不了想要的效果。

你可能感兴趣的:(vue,前端爬坑之路)