相關文章

• 

  Vue3 如何實現(xiàn)一個函數(shù)式右鍵菜單(ContextMenus)

  前言: 最近在公司 PC 端的項目中使用到了右鍵出現(xiàn)菜單選項這樣的一個工作需求，并且自己現(xiàn)在也在實現(xiàn)一個偶然迸發(fā)的 idea （ 想用前端實現(xiàn)一個 windows 系統(tǒng)從開機到桌面的 UI ），其中也要用到右鍵彈出菜單這樣的一個功能，個人覺得這個實現(xiàn)還不錯，特來分享??。 tips：

  2024年02月06日

  瀏覽(18)

• Vue3 v-for點擊切換樣式

  在div上綁定 ? :class= { 名稱（class/id）：a === key 值 }? ?并 添加 一個 點擊事件 聲明 const ?a? = ref（0） ； ?css寫我們要的樣式（就是我們綁定的class名稱） 點擊事件里寫 ? ?i.value = key 值

  2024年02月13日

  瀏覽(28)
• 

  Vue3 Radio單選切換展示不同內(nèi)容

  環(huán)境：vue3+ts+vite+element plus 技巧：v-if，v-show的使用 實現(xiàn)功能：點擊單選框展示不同的輸入框 效果實現(xiàn)前的代碼： 1.默認選項型號是選中的，型號輸入框也是展示的，那么顏色輸入框是需要隱藏， 定義isShow, 此時，isShow是true，! isShow就是false了，顯示如下 2.獲取單選框選擇的

  2024年02月15日

  瀏覽(22)
• 

  vue3使用el-menu多級菜單出現(xiàn)點擊一個全部展開的問題

  ????????測試時發(fā)現(xiàn)單擊菜單顯示子菜單時其它的菜單也被展開，看了其它文章寫的是修改:index=\\\"menu.index\\\"， ??????? 雖然點擊菜單其它的子菜單不會展開了，但是index存的是編號，url存的是路由地址，點擊子菜單地址欄顯示的是編號信息，不是地址，如圖所示 ?????

  2024年02月02日

  瀏覽(24)
• 

  【vue+Swiper】vue中使用swiper縮略圖，展示一張大圖及n張小圖，點擊小圖切換不同的大圖展示，完整代碼

  效果： 這是在swiper官網(wǎng)上找的示例，swiper太強大了，有非常多不同的示例,有api，有教程，還可以下載示例代碼。 但是第一次使用，研究這個縮略圖的實現(xiàn)還是花了幾個小時，好在實現(xiàn)了。 swiper官網(wǎng)請戳這里 安裝 將swiper封裝成組件可以復用，在components公共組件文件夾中新增

  2024年02月05日

  瀏覽(20)
• 

  vue實現(xiàn)點擊右鍵出現(xiàn)自定義操作菜單

  實現(xiàn)像微信一樣的點擊右鍵后出現(xiàn)操作菜單，對選中的數(shù)據(jù)項進行相應的操作，接下來介紹使用原生vue實現(xiàn)右鍵菜單的方法。 @contextmenu.prevent.stop 為阻止瀏覽器的右鍵點擊菜單事件 isShowMenu: 來控制菜單的顯示 同時我們要為其出現(xiàn)的地方進行調(diào)整 menuTop，menuLeft，在展示 menu 的

  2024年02月15日

  瀏覽(21)
• 

  css如何實現(xiàn)點擊切換效果

  1.在你要放一組的html標簽中加入 tabindex標記 2.css中使用focus點擊后樣式更改 效果 如此便可簡單實現(xiàn)點擊切換樣式效果

  2024年02月12日

  瀏覽(18)

• tab點擊切換不使用判斷條件進行不同tab的切換刷新

  注：我這里使用的antd vue ui

  2024年02月09日

  瀏覽(20)
• 

  【vue3】js + css 實現(xiàn) 視頻框選放大：局部細節(jié)放大、放大鏡效果

  實現(xiàn)鼠標框選區(qū)域放大顯示。 需求1：放大 按住鼠標左鍵不放 ——》向右側(cè)拖動，框選出需要放大的區(qū)域后 ——》松開鼠標 ——》框選區(qū)域放大顯示 需求2：還原 按住鼠標左鍵不放 ——》向左側(cè)拖動，框選出隨意大小的區(qū)域后 ——》松開鼠標 ——》視圖顯示大小還原 需求

  2024年02月03日

  瀏覽(29)
• 

  vue3+elementui-plus實現(xiàn)無限遞歸菜單

  效果圖 實現(xiàn)方式是：通過給定的數(shù)據(jù)結構層數(shù)來動態(tài)生成多級菜單 下面的方法可以實現(xiàn)重置菜單選項為默認項（需求場景：左側(cè)菜單切換時，上方菜單就要重置為默認選項） 通過給el-menu添加:key=\\\"menuKey\\\"實現(xiàn)。 實現(xiàn)原理：:key=“menuKey” 是 Vue 中的一個特殊語法，用于控制組件

  2024年04月24日

  瀏覽(31)