解决前端组件渲染没更新数据问题(后端渲染框架)

java8

帖子摘要：问题  使用前端日期控件时 - 数据联动时数据绑定无效问题  现象  选择A日期想动态改变B日期数据只有第一次选择时会动态改变B日期数据第二次选择A日期时B日期数据虽已改变但是页面数据未改变  例如我......
& ~6 J+ F; V6 Y  f( {( F; X
大家好，欢迎来到Java吧（www.java8.com），交流、学习Java技术、获取Java资源无任何套路，今天说一说：“解决前端组件渲染没更新数据问题”
; y: P$ [5 N) `& `  [3 S

2 {" `4 s, Y8 R+ j        
               
6 C6 \# G. F; g                    
                        
                    
                    问题
[color=] 使用前端日期控件时 - 数据联动时数据绑定无效问题
/ L5 G& \' n; W7 ^# f6 w, Y
$ x/ I3 o0 Z- u% l9 g
现象
: u; }  T! c& X  {! U7 t1 H 选择A日期想动态改变B日期数据只有第一次选择时会动态改变B日期数据第二次选择A日期时B日期数据虽已改变但是页面数据未改变
. g! P; S) G* L" f% h" ]
( O1 W, e9 W( H# y* w: @) {+ h
  P. a: D2 c6 a1 Y" `6 `" e# B/ g 例如我要点击留样日期销毁日期就得默认设置为留样日期之后的三个月只有第一次点击效果能正常显示但是第二次点击销毁日期就不会更新了…
' G2 }& l* u& A% f7 g7 h% L
" b" r1 C- Y& q8 k( R
原因
5 F' n& X; @4 {" e[color=]前端组件没有重新加载一直保持旧数据
, d1 e* o# L' [" F% w- O
6 S9 S" v/ r5 v& d3 q* p" x
/ _! i6 P  r! n, R/ q2 m% p$ i解决步骤
0 n! J2 Y. b$ x. u% k$ K% ?5 V 使用标志位让组件每次更改刷新一次

4 e$ ]3 H* A, f8 J$ _" Y' U
一、前端组件绑定点击事件

3 i. D+ }/ n3 G7 E0 R" `
2 y* N& ~* h% J' b" y+ M9 \: i: u
二、新增一个标识flag
9 B1 b: `6 p$ q% K% E7 |
7 C- l4 ^% K4 k+ v. h7 z默认为true 即组件默认显示

$ G# b; |6 H, \5 C$ u6 L4 \* g
三、要联动的前端组件增加标识判断

flag为true时显示false时隐藏

9 n' l. m9 F  V8 g
四、在绑定的点击事件中刷新flag标识
$ }: z' S8 C+ i+ H+ b0 s1 Q
这样子即让组件 隐藏又展示该组件的数据便重新渲染了
/ H3 Y# A% `$ w* n
/ j6 J7 |. h, f8 g( b" y
               
               
& E$ C6 n8 ]/ u               
本文来源csdn，由Java吧转载发布，观点不代表Java吧的立场，转载请标明来源出处：https://www.java8.com