代码拉取完成,页面将自动刷新
Vue版的query builder.
源地址:https://github.com/dabernathy89/vue-query-builder
由于作者比较纠结是否应该在前端进行sql转化而没有加这个功能/😂,所把它搬过来简单的加上了将json条件转化为sql的功能。
插件本身似乎还是有些bug或者不完善的地方,如若使用还是得拿下来改巴改巴。
<vue-query-builder :rules="rules" v-model="output" :labels="labels" @sql="getSql"></vue-query-builder>
... 省略其他
methods: {
getSql(sql){
console.log(sql)
}
... 省略其他
以下是源内容:
Vue Query Builder is a user interface that makes it easy for your users to create queries of any kind. It's useful if you need an interface for generating reports, filtering data, and more.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。