刘勇同学

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第12天，点击查看活动详情 近期在做项目的时候遇到需要再表格内编辑的需求。考虑对el-table进行二次封装以实现上述需求。记录一下

el-table 实现单元格内编辑功能 功能 双击单元格出现编辑框，编辑框失去焦点后保存内容。 原理 通过v-if控制编辑框与显示值显示和隐藏。 通过el-table 组件·的cell-dblclic

麻烦麻烦很麻烦 相信很多小伙伴都遇到过这样的问题，element ui 中 table组件渲染表格，需要对数据进行处理，比如后端返回了一个树状结构的数据，需要做扁平化处理，还要进行单元格合并的计算，这

废话不多说，直接上代码当radius为70%时：效果图：当radius为['50%','60%']时,饼状图就变成了饼状环形图效果图：

我们经常使用element ui的小伙伴儿可能知道，官网提供的table组件虽然说api齐全，功能强大，但是我们用起来的时候每次都需要配置好多 属性。然后表格和分页还是分开的，我们在进行业务功能的编写

slot，也称插槽，可以类比为插卡式的FC游戏机，游戏机（子组件）暴露卡槽（插槽）让用户插入不同的游戏磁条（自定义内容），游戏机会读取并加载磁条里的游戏。 Vue的slot，是组件的一块HTML模版，这块模版由使用组件者即父组件提供。可以说是子组件暴露的一个让父组件传入自定义内…

作者：Marina Mosti 译者：前端小智 来源：medium 原文：https://blog.bitsrc.io/stop-using-async-await-like-this-use-the

介绍了element两个插件的使用，i18n插件多语言切换和自定义主题，还有一个全屏插件screenfull

表单和表格是后台系统使用比较频繁的组件，通过对Element UI进行二次封装，达到使用通用的JSON数据格式传递。表单子组件通过将prop传递属性定义为对象（基本类型无法直接修改），来达到通过v-model绑定数据并更新，初始化开启部分默认操作（清空按钮、字数限制等），并使用…