Problems encountered in the project u-parse component rendering problems

1. Recently used rich text rendering combined vuex There will be interface data rendering problems when using rendering

such as , I entered the rich text interface for the first time A, There is no problem with the display .
Then click the rich text interface B,B The interface will be displayed first , Before A Page UI Interface , Then wait a moment , Switch to B Content of page .
This user experience is very unfriendly .

Solution

The data in the previous rich text is the previous reference vuex The data in it , We use data The data defined inside , adopt watch monitor
vuex The data of , Assign a value to data The data defined inside , And then we can solve this problem

Rich text rendering will have data display undefined The type of , You need to use data to judge the display

<text v-if="parseData.isHot"> hotspot </text>