Complex layouts that heavily use v-if in version 0.18 of weex are disordered when redrawn. - Codes Helper - Programming Question Answer

Complex layouts that heavily use v-if in version 0.18 of weex are disordered when redrawn.

premise: due to the rich product information, ui is roughly divided into two types, so in the .vue file, a large number of v-if are used to control the display of the layout. (it is basically 2 chunks, and each time one of them is displayed, the elements in the chunk are also controlled by more v-if.)

problem occurs: after the product list re-initiates the request sort through a combination of filter criteria, the ordering of the product list changes. And there is a layout disorder, such as a string with a line: a v-if controlled b, a dead c, and a makeshift b, and a dead c, a makeshift string. The normal display of
is as follows: the data of an item has changed and the re-rendering does appear: it is an item whose layout is out of order, and most of the others are normal.

There should be no problem with the usage of

, which has been used for almost 2 years. Now it is found that packing two large pieces of layout into component, can reduce this phenomenon.

but the specific reason has not been found yet. I don"t know if anyone has encountered this problem

Javascript weex

Aug.12,2021

Previous: Is it necessary to remove the events of the vue component before the component is destroyed?

Next: Electron cannot play rtmp video stream with falsh

How weex native customizes or modifies userAgent?
you can get an empty value of userAgent in weex.config.env.userAgent, but a series of parameters such as phone model plus system version are directly assigned and modified when you request the interface. The print shows that it is changed, but it is not...

Javascript weex

Mar.02,2021
Weex+vue-router clicks on the page to jump, but can't display the content?
Let s ask a question about weex+vue-router. I modify the page according to some blogs on the Internet as shown in the picture. I hope to click second and jump to the second page second Second . then did not report wrong, really do not know why, Baid...

Javascript weex vue-router vue.js

Mar.04,2021
Weex debug startup reports network error
thank you for your attention " " Start debugger server! " " "-Websocket Address For Native: ws: 192.168.1.102:8088 debugProxy native " " Href=-Debug Server: http: 192.168.1.102:8088 " please " Please thank you 23:10:02: Launching Dev Tools....

Javascript weex

Mar.20,2021
Weex uses vue framework, and dynamic binding class fails in native
the problem has been resolved use : class= "[ message-box ] " array instead Thank you @ Distance for reminding me, but his method doesn t work either, because my className is written in < style > , not a style object . problem description u...

Css javascript weex

Apr.01,2021
How to draw a horizontal line in weex?
input, using weex wants to draw the underline as shown in the figure. At first, set the border attribute for input, which can be previewed by web, but it is not displayed on mobile phone. It is found that input does not support border attribute. Is ther...

Html css javascript weex

Apr.05,2021
How does the weex slider component set up scrolling up and down the full screen? Or is there any plug-in in weex that scrolls up and down the whole screen?
how does the weex slider component set up full-screen scrolling up and down? Or is there any plug-in in weex that scrolls up and down the whole screen? ...

Javascript weex

Nov.03,2021
Slow rendering of weex list
my page code structure is as follows: <template> <div> <tab>< tab> <scroller> <div v-for="item in list"> <item :val="item">< item> ...

Javascript weex

Jan.14,2022
The input code modification of weex does not take effect?
if you want to modify the contents of weex s input tag through code, this will be a bit of a hassle, for example, at first you set it to 123, and then you manually modify this 123 on UI, for example, to 12. Then you want to modify the code to 123, which...

Javascript weex

Feb.11,2022

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b360ca-34391.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b360ca-34391.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?