匯出下拉列表的指令 (讓元素顯示 隱藏)

2022-03-03 07:58:06 字數 1089 閱讀 3148

src/directives下新建dropdown.js檔案,複製貼入以下**:

src/directives/dropdown.js

1 xport default

67 const documenthandler = (e) =>

1314 el.addeventlistener('click', handler, false

)15 document.addeventlistener('click', documenthandler, false)16

17 el.destroy = () =>

22},

23unbind(el)

26 }

開啟src/directives/index.js檔案,複製貼入以下**:

src/directives/index.js

1 import vue from 'vue'

2 import validator from './validator'

3 import dropdown from './dropdown'

45 const directives =910

for(const [key, value] of object.entries(directives))

我們這裡使用乙個迴圈,來註冊我們的所有指令,object.entries返回給定物件的鍵值對陣列,以object.entries(directives)的返回為例:

[['validator', ], ['dropdown', ]]
開啟theentry.vue檔案,查詢,新增v-dropdown

src/components/layouts/theentry.vue

1

2if="user">

34if="user.name">}56

else>佚名78

如何在TC裡輸出下拉列表

1 螢幕設計 在螢幕tc增加下拉listzknvvvkgrp braco,選擇下拉型別為 listbox with key 2 定義內錶 分點資訊,用於輸入幫助 data begin of itab vkgrp occurs 0,braco like tbrc braco,vtext like tb...

QT主窗體右鍵彈出下拉列表方法

from qt主窗體右鍵彈出下拉列表方法 我的主窗體的類名是cguimainwindow void cguimainwindow contextmenuevent qcontextmenuevent e 其中act maxsize和act normal是兩個qaction 物件指標。我的定義和初始化...

CSS的下拉列表

在css裝飾html的網頁過程中,即使是最基礎的網頁,下拉列表也是必要的網頁元件。接下來讓我們看一下下拉列表的分析 html 部分 我們可以使用任何的 html 元素來開啟下拉列表,如 或 a 元素。使用容器元素 如 來建立下拉列表的內容,並放在任何你想放的位置上。使用 元素來包裹這些元素,並使用 ...