layui按钮开关checkbox使用细节

摘要

为啥要写摘要,其实我在使用layui的时候踩了很多坑,包括布局、表格、表单元素、提交的token问题
很让我心态炸裂,但是今天我在逛论坛的时候发现一个未被解决的问题,是我才解决没多久的,所以心情舒畅,就水了这么多字

checkbox按钮使用

直接先链接和图
按钮是表单中的元素,所以我们去找一些比较好看平滑的元素可以到表单中看看
http://www.layui.com/doc/element/form.html 表单-元素页面

当然，我们用表单元素是必须要放在form表单或者div中而且要带上class属性class="layui-form"

现在我要讲的问题,是在实际开发中遇到的,
在更新项目前端的时,发现类似用户管理模块的模块,都有账户禁用与开启
状态字段为0时代表正常,按钮是这样的

假设我操作了禁用,更新字段到数据库,改变字段值,重新渲染时,应该要变成这样

我就不举例错误的了,你们有空慢慢踩,我就直接上图说我是怎么解决的,为什么要这样做,希望能自行体会

1. 点击禁用后更新数据缓存,重新加载时会自动把按钮变成禁用状态

2.点击启用,添加状态

这两张图去试试基本是能解决这种类似问题的

最后再说一下最近对优快云感受,搜索一个问题,全都雷同。而且有些直接只有标题加一个转载连接。对于这种文章倒是没啥感觉,就是有点费时间
所以我就想做一些力所能及的事情吧