vue-router 二級導航預設選中某一選項的問題
現在有一個需求是這樣的:
這個需求很正常吧! 二級導航條,不是二級路由的(如果是二級路由是用linkActiveClass來做,我之前文章說過),是單純獲取資料的按鈕,當這個頁面出現時,預設選中第一項。
首先:
上面的判斷的意思是:如果你點選某一個選項把這個index傳過去,activeName等於那一個傳過來的index(index是遍歷出來的資料如:1,2,3,4,5),就顯示該個active或者index==pid,pid預設為0,所以index==0,就是預設第一個選項被選中。
但是當我點選其它項的時候,要把那個pid改為false,只能把這個false賦值給uid,uid卻不能在data裡而宣告,因為元件遍歷v-for是時候就預設執行了selected()這個函式,所以只能把這個賦值給全域性
我目前只能用這個方法解決這個問題,如果有更好的方法,希望可以共享一下
相關推薦
vue-router 二級導航預設選中某一選項的問題
現在有一個需求是這樣的: 這個需求很正常吧! 二級導航條,不是二級路由的(如果是二級路由是用linkActiveClass來做,我之前文章說過),是單純獲取資料的按鈕,當這個頁面出現時,預設選中第一項。 首先: 上面的判斷的意思是:如果你點選某一個選項把這個inde
004--easyui的combobox設定下拉框預設選中某一項
JSP頁面:可以這樣寫,提供option的選項, <input class="easyui-combobox" name="customerStatus" id="customerStatu
Android 動態設定RadioButton選中和沒選中的顏色及設定預設選中某一項
關於RadioButton動態設定背景顏色和字型顏色,踩過好多坑,接下來我總結一下遇到的所有問題及解決方案,供大家參考下,希望對大家有幫助。 1.首先,我們先來寫radiobutton選中和未選中的背景顏色的xml檔案。 在drawable資料夾下新建一
vue-router 實現導航守衛(路由衛士)
router strong class onerror api date console .org nbsp 路由跳轉前做一些驗證,比如登錄驗證,是網站中的普遍需求。 對此,vue-route 提供的 beforeRouteUpdate 可以方便地實現導航守衛(naviga
QTextEdit實現選中某一段文字
話不多說了,直接上程式碼: //此時游標所在的位置 QTextCursor cursor = textEdit->textCursor(); //選中從start到end的這一段文字 int start = cursor.position();
使用react+ant design左側導航預設選中和展開
1.<Menu theme='dark' mode='inline' selectedKeys={[selectedKey]} onClick={this.menuClick} onOpenChange={this.onOpenChange} openKeys={[openKey]}<
選中某一項(沒有右鍵).html
<!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - select menu</TITLE> <meta http-equiv="content-type" content="tex
vue-cookies、極驗滑動驗證geetest、vue-router的導航守衛
一 . vue-cookies 參考文件簡書:https://www.jianshu.com/p/535b53989b39 參考文件npm:https://www.npmjs.com/package/vue-cook
select、radio選中某一項後,自動彈出一個相應文字框供輸入
1、select,彈出相應文字框說明:當select選中值改為else,其值為“-1”時,顯示一個自定義的輸入框,若要將自定義的項加入到select的資料項中,需在後臺將自定義項存入對應的資料表中,這樣,在重新整理後,下一次訪問這個select時,該自定義項就會出出現在se
react-cropper 圖片選中某一區域的一種解決方案
react-cropper 圖片選中某一區域的一種解決方案 npm 上面搜尋會出來兩個版本 react-cropper2 react-cropper 參考連結記錄 github地址 784 star JavaScript image cro
iOS TableView 預設選中某行
在開發中我們經常會遇到這樣的需求,就是在一個頁面操作進入下一個頁面時,要預設的選中該頁面某行; 通常寫在viewWillAppear裡面或者在[tableView reloaData]之後 NS
在vue-router中要使用選中樣式的方法有兩種:
1、直接在路由js檔案中配置linkActiveClass 2、在router-link中寫入active-class 問題:如果就這樣,那麼會出現一個問題,不管跳轉到哪裡,跳轉到根目錄的那個連線(to="/") 始終都會有選中樣式
DropDownList 根據選項隱藏某一選項
//繫結資料 ddlBaseDataType.DataSource = “資料來源” this.ddlBaseDataType.DataTextField = "DataNa
pyQT Dialog默認選中某一個選項問題的解決
meta import pan gets tex continue 圖片 log 中一 方法一: 在新建ui文件時不要新建Dialog # -*- coding: utf-8 -*- # Form implementation generated from
每天一點點之vue框架開發 - vue-router路由進階(路由別名、跳轉、設定預設路由)
路由別名 在main.js中的路由中新增name來建立別名 const routes = [ {path:'/footer',name:footerLink,component:Footer} ] 在元件中的路由中通過
vue-router單頁應用簡單示例(一)
問題 clas 做了 設置 new scope 文件的 log target 請先完成了項目初始化,具體請看我另一篇博文。vue項目初始化 看一下完成的效果圖,很典型的單頁應用。 .vue後綴名的單文件組件 這裏先說一下我對組件的理解。組件,顧名思義就是一組元素組成的
select標簽模擬placeholder屬性與一般操作(最重要的是ios某一項被選中的兼容)
hid rem itext lac 沒有 最重要的 _id get find 1.為了統一樣式,常常要模擬placeholder <select> <option disabled selected hidden>請選擇</option
vue-router-4-編程式導航
三個參數 bsp location 完整 參數 war register rep cat 想要導航到不同的 URL,用 router.push 方法,會向 history 棧添加一個新的記錄 <router-link> 《==》router.push // 字
「Vue」起步 - vue-router路由與頁面間導航
port details cal 重定向 替換 特色 插件 實戰 顯式 vue-router 我們知道路由定義了一系列訪問的地址規則,路由引擎根據這些規則匹配找到對應的處理頁面,然後將請求轉發給頁進行處理。可以說所有的後端開發都是這樣做的,而前端路由是不存在"請求"一說的
vue-router學習筆記(一)
改變 from 發生 回調 筆記 win 存在 下一個 表示 學習vue-router首先要認識的兩個屬性 $router 和 $route。 $router指的是router實例,$route則是當前激活的路由信息對象,是只讀屬性,不可更改,但是可以watch(監聽)。