Vue動態控制按鈕顯示與隱藏

2021-10-07 05:50:39 字數 550 閱讀 9915

工作中有乙個需求就是,對未收貨的訂單可以進行收貨確認;但是已經確認收貨的訂單如果繼續收貨確認後台會報錯;為了解決這個問題,可以在列表選擇時,如果勾選了已經收貨確認的訂單把收貨確認按鈕隱藏起來;

前端**如下:

"isshow" class="fr of p10" >

"mr10 main_btn" @click="confirm">收貨確認

v-if屬性:isshow為true顯示按鈕,為false隱藏按鈕;

vue**如下:

handleselection:

function

(selection)

else})

;this

.stackingnolist = stackingnolist;

},

效果圖如下:選未收貨按鈕顯示

選擇資料有已收貨確認按鈕消失

js動態控制表單的tr,td的顯示和隱藏

無論是事先寫好的,還是動態生成的,要找到指定的tr或td都必須知道其相關的乙個屬性,未必必須是id或name,然後無論是在乙個table還是多個 table都可以通過document.getelementsbytagnames tr 或td,取得集合,再根據知道的屬性再找,最後設定顯示 隱藏 方法一...

js控制按鈕,div顯示和隱藏

點我一下 方法 一 mymodal show 顯示 mymodal hide 隱藏 方法二 mymodal css display none 隱藏 mymodal css display block 顯示 演示方法 mymodal click function 如果出現排版問題,刪除block my...

CS裡怎麼動態控制HTML列顯示與否

如 if request.params part no null else users name 是表tbtree2,part是表users 我在後台怎麼控制這2個字段是否顯示到前台?方法一 sql1 select as users name from tbtree2 測試成功 方法二 動態載入列 ...