vue的表格的状态switch实现

<el-table-column label="状态" align="center" prop="status"><template slot-scope="scope"><el-switchv-model="scope.row.status"active-value="1"inactive-value="0"@change="handleStatusChange(scope.row)"></el-switch></template>
</el-table-column>

handleStatusChange(row) {let text = row.status === '1' ? '启用' : '停用'this.$confirm('确认要"' + text + '""' + row.username+ '"吗?', '警告', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(function () {return changeStatus(row.id, row.status)}).then(() => {this.msgSuccess(text + '成功')}).catch(function () {row.status = row.status === '0' ? '1' : '0'})
},

vue的表格的状态switch实现相关推荐

vue自定义表格（每一列表格下面包含一个子表格）
vue自定义表格(每一列表格下面包含一个子表格) 实现效果图 template <div class="marsTable" ref="marsTable" ...
class根据状态 vue_搞懂并学会运用 Vue 中的无状态组件
啥是应用程序状态,为什么咱们需要它? 状态管理通常在较小的项目并不需要,但是当涉及到更大的范围时,如企业级的应用大部分需要它了.简单的说,状态是一个包含应用程序使用的最新值的对象.但是,如果咱们从结构 ...
解决Vue的表格中，expand只有某些行需要展开的问题。
解决Vue的表格中,expand只有某些行需要展开的问题. 参考文章: (1)解决Vue的表格中,expand只有某些行需要展开的问题. (2)https://www.cnblogs.com/jin- ...
vue校验表格数据_如何通过数据验证限制Google表格中的数据
vue校验表格数据 If you use Google Sheets to collaborate with others, you can prevent people from typing th ...
vue+elementui表格前端导出excel以及自定义导出样式
vue+elementui表格前端导出excel以及自定义导出样式项目遇到前端自己导出表格,我自己把后端给我的数据处理了一波,合并重复列啊,以及表头合并啊.可没想到导出竟然也要前端自己来弄,于是乎请 ...
vue.js 表格表单序号
vue.js 表格表单序号表格是动态的,通过v-for="(item,index) in sites" 循环出来的表格 ,通过index属性,实现表格序号自增, 结合页码和每页数 ...
vue 分页表格数据导出
vue分页表格数据导出功能,超简单!不用安装不用引入写个方法即可实现 //导出exportExcel() {let url = "/VueDemo/api/record/export.ht ...
vue table表格时间字段分两行（ parseTime-格式化时间）
vue table表格时间字段分两行( parseTime-格式化时间) 后台获取的时间字段 createTime: "2021-11-02 16:37:50" 在表格中将日期与 ...
vue element 表格错位
vue element 表格发生错位对不齐的问题在做vue element 表格的时候,页面展示上发现列表对不齐 <style scoped> /deep/ .el-table th.g ...

vue的表格的状态switch实现

vue的表格的状态switch实现相关推荐

最新文章

热门文章