多条件查询的实现

前端页面:

 

 

 

前端代码:

 

其中v-model为数据模型,双向绑定并回显

 

定义的search数据模型

 

 

搜索按钮绑定search事件

 

methods中方法:

 

赋值完成之后获取数据  遍历表单

 

 

后台定义多条件查询接口

 

service-dao 对应数据库语句

 

 

return noticebulletin对象

前端控制台调用接口查询结果

返回为下图: