After entering the home page, jump to the new page via the vue route, and then after clicking the home page to return, the js code of the home page is not executed.

JS Code

window.$("document").ready(() => {
// 
  const windowHeight = document.documentElement.clientHeight
  const menuListHeight = windowHeight - 80 + "px"
  const contentListHeight = windowHeight - 101 + "px"
  window.$(".workbenchdiv1").css("height", menuListHeight)
  window.$(".workbenchdiv2").css("height", contentListHeight)
  // 
  window.$(".have-list ul:nth-child(1)").on("click", function () {
    window.$(this).siblings().slideToggle()
  })
  // 
  window.$(".no-list").on("click", function () {
  })
})

Vue.js vue-cli vue-router

Mar.07,2021

The

ready event, which enters the page for the first time, triggers when the document is loaded. And then it won't be triggered again.
if you want to execute this code every time you enter the front page, that is, execute this code every time you enter the route, just OK it in the mounted hook function.

Previous: Php uploads files to the specified folder

Next: How does SMS verification such as Mob, aggregate data send text messages to our phones?

Vue route jump uses path to cause stack overflow, but it is not a problem to use name
routing configuration: { path: alarmHistory , name: AlarmHistory , component: AlarmHistory, alias: alarmHistory }, event: this.$router.push({name: AlarmHistory }); previous projects used path to jump, but t...

Vue.js vue-cli vue-router javascript

Mar.28,2021
The history mode of vue routing is put on the server, and the module cannot be found when the page is refreshed. After modifying the nginx, the syntax error is reported on the white screen. What's the problem?
problem description modified the route pattern of the vue project. There is no problem with the hash mode, and the server side will not recognize the front-end route after-sharp. https: cloud.hfq.huift.com.cn huiquan -sharp https: cloud.hfq.huift...

Vue.js vue-cli vue-router webpack nginx

Jul.26,2021
Vue-cli 3.x routing lazily loading error
{ path: , name: , component:() =>import( * webpackChunkName: "home" * ". views Home.vue"), children: [ { path: assets , name: , component: () =>imp...

Vue.js vue-cli vue-router

Dec.21,2021
To borrow a project written by the iview-admin framework, at first it was a single page, but now the requirement relationship needs to be changed to a multi-page form.
problem description borrow a project written by the iview-admin framework. At first, it was a single page, but now the reason for the demand needs to be changed to a multi-page form. The previous set of routes, which reported memory overflow errors, c...

Javascript vue.js vue-cli vue-router

Jan.13,2022