Element UI of [javascript] vuejs and iframe to realize page Jump

Generally, the background interface has three parts: top navigation, left navigation and right main interface. Click the left and top navigation to display different interfaces in the right main interface

Most of the back-end interfaces are nested in iframe, which can be easily used based on vue

The html part is as follows:

It is mainly to bind a variable to iframe and a click event to the left navigation, which are all the uses in vuejs

You can use the v-on instruction to listen for DOM events and run some JavaScript code when triggered. v-on:click = "" to bind a click event and call a method. v-bind:src is to bind variables to properties. Properties must be written as followsMethods are written in the methods block

This. Iframeurl = url + "& time =" + new date(). Gettime(); it can prevent the interface from changing without refreshing when the url is not changed