vue - easyCrud 文档 - 二

组件使用注意事项

1.改组件为增删查改通用组件，在适当的业务逻辑下可使用该组件，如果业务该组件无法适用 业务逻辑，请使用avue crud组件或element书写。

2.该组件可能存在部分bug，如果存在bug，请截图bug出现的图片，尽量还原bug复现流程。如果有修复bug思路，也可以提交。提交邮箱:<625103479@qq.com> 或 <jie.zhang@wisdragon.com>(响应慢)

3.如果对组件有建议，可以提交图二邮箱。但建议如果部符合通用条件。组件开发者有权拒绝相关建议或意见。

4.系统升级中，升级该组件请自行考虑是否需要升级该组件。请自行考虑组件兼容性等问题。

组件如何使用

1.easyCrud为全局注册组件,在使用过程中，你不必手动去导入。

2.使用时，如果你的业务逻辑不需要插槽来自定义内容，你可以直接 <easy-crud ref="mainTable" :tableInfo="mainTable"/> ref相当于节点的id,（this.$refs.你的组件ref名称）你可能会通过该标记去操作组件内部变量，调用组件内部方法。当然这一切建立在dom更新完成的基础上，如果在dom更新完成前，你使用（this.$refs.你的组件ref名称）将会返回null，如果强行操作，将导致错误发生。这里建议使用如下方法调用 this.$nextTick(() => {     your code ... }) 如果你的业务逻辑需要插槽来完成操作，请给你的组件加上结束标签，插槽内容你将写在组件的开始标签与技术标签之间。例如： <easy-crud ref="mainTable" :tableInfo="mainTable">   <otherComponent ref="refName"  slot="slotName"  /> </easy-crud> 插槽名称，请参考tableInfo配置，tableInfo 配置，请查看后面tableInfo详细教程。

• tableInfo 配置详解

tableInfo为一个json对象，其内部包含header、buttonSetting、table 三个对象。你同时也可以自定义对象，但内部不识别，你可以用来存储一些其他东西。

header：用于配置表格头部，如果你不传递该对象，表格将不会含有头部。
buttonSetting：配置表格中的部分按钮，触发时间，以及增、删、改、查等基本事件。
table：用于配置表格信息。