vue.js的element表格在线编辑的正确姿势vue-element-extends

16 篇文章 0 订阅
7 篇文章 0 订阅

我觉得数据即表格,数据即echarts,用表格或图形来表达数据,是人类的本能。

而表格在线编辑——点击单元格即进行编辑,可以少了弹框,除了输入文本,还可以下拉选项,多级选项,简直太多好处了。新增数据,直接插入行,很多搞工程设计的,也习惯于excel的编辑和操作方式,功不可没。

https://github.com/xuliangzhan/vue-element-extends即能满足你这些愿望。以前没有这个,想实现表格在线编辑,要么搜索资源,找到的都是手工去添加template之类,改变样式等等方式。而且功能单一。或者用bootstrap的table,配合x-editable,那是一个更近强大的表格组件了。当然,vue-element-extends在快速地追赶。

https://github.com/jinzhe/vue-editable虽然star较多,但是功能太简单了,也不再维护。

在使用vue-element-extends过程中,遇到问题能得到作者非常快速的解决。

mirrors / xuliangzhan / vxe-table · GIT CODE

### 回答1: 要配置 Vue-Element-Admin 的 ESLint 为 false,可以按照以下步骤进行操作: 1. 打开项目根目录下的 `.eslintrc.js` 文件; 2. 将 `extends` 属性中的 `eslint:recommended` 去掉; 3. 将 `rules` 属性中的所有规则改为 `0`,表示关闭 ESLint 检查; 4. 保存文件并重新启动项目。 以下是一个示例的 `.eslintrc.js` 文件内容: ``` module.exports = { root: true, env: { node: true }, rules: { 'no-console': 'off', 'no-debugger': 'off' }, parserOptions: { parser: 'babel-eslint' } } ``` 将 `rules` 属性中的规则改为 `0`,即可关闭 ESLint 检查。例如将 `'no-console': 'off'` 改为 `'no-console': 0`。 ### 回答2: 在vue-element-admin项目中,配置esLint为false可以通过以下步骤完成: 1. 打开vue-element-admin项目根目录,找到根目录下的.eslintrc.js文件。 2. 打开.eslintrc.js文件,可以看到里面有一系列的规则配置。 3. 找到rules属性,该属性下是各种eslint规则的配置。 4. 将rules属性改为`"rules": {}`,即将里面的全部规则配置删除。 5. 保存文件,关闭编辑器。 6. 重新启动项目,此时项目中的eslint就会被禁用了。 配置esLint为false的目的是为了避免eslint对代码进行代码规范和风格检查。通常情况下,eslint是用来规范团队开发中的代码风格和质量的,但在部分情况下,可能并不需要进行代码规范和风格的检查,因此可以将eslint禁用掉。 需要注意的是,禁用eslint会导致代码规范和风格的统一性降低,可能会增加代码质量的隐患,因此在禁用eslint之前,建议对代码进行规范和风格的检查,确保代码的质量。 ### 回答3: 在vue-element-admin中,可以通过配置文件来将ESLint的开启状态设置为false。ESLint是用于检查代码规范的工具,开启后会在开发过程中实时检查代码是否符合规范。 要配置ESLint为false,需要进行以下步骤: 1. 打开vue-element-admin项目的根目录,在根目录下找到.vue文件。 2. 找到.vue文件中的vue.config.js配置文件,如果不存在,则需要手动创建。 3. 在vue.config.js文件中,新增一个属性lintOnSave,并将其值设置为false,示例代码如下: ``` module.exports = { lintOnSave: false } ``` 4. 保存vue.config.js文件。 5. 重新启动vue-element-admin项目。 通过以上步骤,将ESLint的开启状态设置为false后,项目在开发过程中将不再进行实时的代码规范检查。这样可以避免一些普通的规范问题对开发效率的影响。但是需要注意的是,禁用ESLint可能导致一些潜在的问题未被发现,因此在正式发布项目之前,建议开启ESLint并仔细检查代码规范。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值