Vue加了二級路由後,跳轉後js好像都失效

2022-02-26 07:19:43 字數 622 閱讀 9613

1、需求,從本頁開啟乙個編輯頁面,不用彈窗;

實現思路:在路由的children中增加乙個節點,用router.push 跳轉,js實現;

// 路由index.js中增加的**,見下圖中帶底色的**段

children:[,,

,,,,

component: ()=> import("../views/demo/formsettledemo.vue"),},]

vue頁面中的實現:

// 模板

新增員工

// js

// 顯示員工新增介面

handleadd: function ()

})},

以上兩步實現了本頁內開啟編輯表單;但,問題來了;點選其他地方發現點不動了,難道是js失效?

開啟chrmoe的檢查發現錯誤:cannot read property '__ob__' of undefined

為什麼data 方法體內加上return 返回值就解決問題了呢?檢視vue官方文件,有如下解釋:

Vue 路由配置和二級路由配置

我們初始化我們的vue專案後,開啟工程目錄src router下的index.js。我們可以把工程預設的helloworld.vue檔名,以及元件名更改。同樣也需要在index.js檔案中更改引入的檔名和元件名。index.js 需要更改的地方 import home from components...

Vue二級路由以及多級路由巢狀思路

在router檔案中的router.js中先 將一級路由註冊 import vue from vue import vuerouter from vue router const routes 這裡是一級路由 import vue from vue import vuerouter from vue...

Vue路由實現登入後跳轉回原訪問頁面

導航守衛 檢測到沒有許可權時,把當前頁面的路由及引數帶給登陸頁,登陸成功後,再跳回傳過來的路由位址 當前的路由資訊物件,我們可以通過router.currentroute.fullpath獲得解析後的 url,包含查詢引數和 hash 的完整路徑,如果要訪問的頁面的路由有命名 name 的話,可以通...