【JavaScript编程知识】Vue实现动态查询规则生成组件.docxVIP

PAGE PAGE 1 Vue实现动态查询规则生成组件 　　1. 动态查询规则 　　动态查询规则，大致如下图所示。是可以按照用户的自定义进行组织查询语句的一种复杂组件，大致可以实现SQL查询的where条件，下面是摘自mongodb的某一软件。 　　2.组件构建思路 　　按照规则组件的组织形式，可以把其视为一棵树，有树干和树叶，这样看起来就不难了。 　　2.1 组件属性 data： 是树结构的内容，我们定义为： 　　{ 　　condition: AND, 　　rules: [], 　　} 　　fieldList: 字段列表数组,可供选择的字段集合； 　　operatorLi