您现在的位置是:首页 > Javascript
当前栏目
[javascript] elementui下el-switch组件的使用
2023-02-18 15:41:34 时间
切换状态时使用的这种开关样式的组件 , 比较显眼和方便
先把html组件结构加上, 尽量把值改成true false的形式 , 其他值容易出问题 , 在table中使用如下所示
<el-table-column prop="id" label="操作"> <template slot-scope="scope"> <el-switch v-model="scope.row.status" :active-value=true :inactive-value=false active-color="#13ce66" inactive-color="#ff4949" @change="switchStatus(scope.row.status,scope.row.id)" > </el-switch> <el-button @click="deleteAccount(scope.row.id)" type="text" size="small">删除</el-button> </template> </el-table-column>
方法部分这样写
//切换状态 switchStatus:function(status,id){ var data={ status:status==true?1:0, id:id, } $.post("index.php?r=media/switchtoutiaoaccoutstatus",data); },
相关文章
- OSS阿里云上传文件 前端js下载url跨域问题
- 基于 hugging face 预训练模型的实体识别智能标注方案:生成doccano要求json格式
- python读取json格式文件大量数据,以及python字典和列表嵌套用法详解
- 图学习【参考资料2】-知识补充与node2vec代码注解
- Paddle Graph Learning (PGL)图学习之图游走类deepwalk、node2vec模型[系列四]
- Java爬虫框架Jsoup学习记录
- Android开发——获得Json数据,并显示图片
- nodejs事件轮询详述
- JSON and Microsoft Technologies(翻译)
- JS常用的几种设计模式
- pm2:在生产环境中运行 nodejs 应用
- 一些你需要掌握的 tsconfig.json 常用配置项
- 用 nodejs 实现 http 服务版本的 hello world
- 聊聊 JavaScript 的几种模块系统
- Node.js 是怎么找到模块的?
- Node.js 是如何做 GC (垃圾回收)的?
- React 源码:ReactElement 和 FiberNode 是什么?
- JS 当中的函数柯里化和高阶函数
- 数据提取-JsonPath
- Selenium与PhantomJS