vue - easyCrud 文档 - 二

  • 组件使用注意事项

1.改组件为增删查改通用组件,在适当的业务逻辑下可使用该组件,如果业务该组件无法适用

业务逻辑,请使用avue crud组件或element书写。

2.该组件可能存在部分bug,如果存在bug,请截图bug出现的图片,尽量还原bug复现流程。如果有修复bug思路,也可以提交。提交邮箱:<[email protected]> 或 (响应慢)

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

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

  • 组件如何使用

1.easyCrud为全局注册组件,在使用过程中,你不必手动去导入。
2.使用时,如果你的业务逻辑不需要插槽来自定义内容,你可以直接

ref相当于节点的id,(this.$refs.你的组件ref名称)你可能会通过该标记去操作组件内部变量,调用组件内部方法。当然这一切建立在dom更新完成的基础上,如果在dom更新完成前,你使用(this.$refs.你的组件ref名称)将会返回null,如果强行操作,将导致错误发生。这里建议使用如下方法调用
this.$nextTick(() => {
    your code ...
})

如果你的业务逻辑需要插槽来完成操作,请给你的组件加上结束标签,插槽内容你将写在组件的开始标签与技术标签之间。例如:

 

插槽名称,请参考tableInfo配置,tableInfo 配置,请查看后面tableInfo详细教程。
  • tableInfo 配置详解

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

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

 

你可能感兴趣的:(Vue)