vue利用for迴圈切換表單編輯和展示的功能

2021-10-16 20:24:51 字數 495 閱讀 3341

結果圖

迴圈出來的表單可以在edit和view間切換，如果需要單個表單儲存就在每個sure按鈕加事件~

html：

id: }


name: }


body: }


edit


idname


body


sure
js:

test111: false,


json111: [


, ,


,]
需要注意正常從後台拉取的json資料不應該包含foo欄位，這裡需要在獲取資料後進行迴圈新增foo標記用來區分是編輯還是展示。

也可以單獨把foo定義成乙個陣列，但每次獲取更麻煩點，所以還是建議迴圈新增到json資料內，之後後台實體類獲取也不影響。

多表單切換和多視窗切換

如果定位不到元素，先檢視是不是iframe表單，如果是先切換到iframe表單 import time from selenium import webdriver 要想呼叫鍵盤按鍵操作需要引入keys包 from selenium.webdriver.common.keys import keys...

vue 多層迴圈，包含tab切換

需實現功能 1.多層迴圈 2.每層迴圈包含 或不包含 tab 切換 3.tab切換，每層迴圈是獨立的。如圖所示 html部分 for items,index in list key index if items.tab items.tab.length 0 for item,menu index i...

vue事件繫結和表單

1 v on click additem 寫在methods裡面，用this定義全域性獲取data裡的資料，this.list，可以簡寫為 click additem 有乙個stop的修改器，可以阻止事件冒泡 2 v on keydown.enter additem 按下enter的時候觸發事件 3...