从数据库动态填写Vue表单

时间:2019-04-04 07:14:55

标签: python mysql vue.js flask

我是Vue的新手,很遗憾,对js几乎一无所知。

我正在尝试使用vue.js和Python中的Flask Web框架创建一个Webapp。 我在MySQL数据库中有一些数据,我想将这些数据按用户输入进行过滤。

基本上,用户在浏览器中打开此Web应用程序,并且过滤器列表显示在页面左侧。我想从前一天起默认从数据库中预填充这些过滤器(表单)。过滤器由两个时间选择器(从和直到)和其他几个选择器作为下拉列表组成-我希望基于前面提到的时间选择器从数据库中填充这些下拉列表。因此,当用户更改时间选择时,这些下拉菜单应再次填充(更新)。

我有以下数据: MySQL data

今天是 2019-04-04 ,下拉菜单默认应具有从昨天到今天的值,因此: Dropdown1 默认应包含值 A2,A3,A4, A5,Dropdown2 B2,B3,B4,B5 Dropdown3 C2,C3,C4,C5

当用户将时间选择器“ ”更改为两天前改为“ 2019-04-02 ”时, Dropdown1 应包含< em> A1,A2,A3,A4,A5 , Dropdown2 B1,B2 ...等等

(奖金问题: 是否有一些简单的方法可以在图表(最好是折线图)中显示过滤后的数据,从而可以在vue.js中动态运行?)

非常感谢您。

0 个答案:

没有答案