Vue toggles the currently displayed components, and the toggle button itself needs to wait for the new component to be rendered before the state is changed.

The basic structure of

is as follows. The button above is used to switch the displayed k-line or its configuration. The k-line below uses echarts, to request data and it will take a certain amount of time to complete the rendering. From the time-sharing button, switch to the 5th button, the background color of the button will change.
the problem is that the change in the background color of the button does not occur until the following curve is drawn.
can you have a solution so that the state of the button changes first, and then the rendering of the following curve is completed asynchronously?

Render vue.js

Feb.28,2021

Previous: Curl api request face to face, another request?.

Next: How to load different iframe pages with multiple button clicks?

The front-end VUE route < router-view > cannot be rendered
in doing a bottom navigation, when the browser clicks the < router-link > button, you can see that the address bar jumps to http: localhost:8080 -sharp vcontact, but < router-view > still does not render. The code is as follows. Please take a look at ...

Render vue.js

Mar.01,2021
Vue renders the data out of order
this is the data sent from the backend, in order of vue by date. suspect that the order of the backend data is out of order when it is transmitted, so you create a new object, put the data in order, and then render it through vue. However, the resul...

Render vue.js

Mar.01,2021
How do Vue custom directives configure render and custom components?
I defined a custom directive such as v-dbClick I want to be able to click and execute render to create a dom or pass a component to create v-dbClick="{ render:?? } for render, the?? How should it be configured to use it? bind binding.value...

Render vue.js

Mar.02,2021
How to use the components of vue in js
use the iview framework in the project. Now you want to do a prompt component for form validation, but you want to be able to use it in js. Message similar to iview this.$Message.warn( .... ) how to introduce components if you want to use them in th...

Iview component-design render vue.js

Mar.22,2021
If you render a child component in vue render, how do you get the child component in the parent component?
The onPoperShow function uses ref to get the loaded component PopTipTransfer, to call the method through the acquired subcomponent. It didn t work out. subcomponent PopTipTransfer ref is named pop render: (h, params) => { return h( div , ...

Render vue.js

Mar.28,2021
How does the layDate date and time component in Layui make it optional for several days before and after a specified date?
7 laydate.render({ elem: -sharptest-limit2 ,min: -7 ,max: 7 }); here is an official example, where "- 7 " and "7 " are relative to the current date limit. there are now two plug-ins in the project, one for setting the start time and the ...

Render vue.js javascript

Aug.25,2021
SEO optimization of the vue project, combined with prerender.io, how to configure nginx to make the pre-rendering run all the time?
server { listen 80; server_name www.edijin.net; access_log data wwwlogs youdomain.com_nginx.log combined; index index.html index.htm index.php index.jsp; root usr local apache-tomcat-7.0.82 webapps ROOT; location { try_files $uri @pr...

Tomcat nginx prerender vue.js javascript

Sep.16,2021