<mf-related-keywords-toggle></mf-related-keywords-toggle>

顯示附toggle切換開關的關聯關鍵字元件

可指定屬性

• body-class-toggle (String)
  卸除body標籤的分類名

• init-on (Boolean)
  初期狀態中將打開切換

• ajax-url (String)
  ajax搜尋用URL

• head-text (String)
  顯示於頁首的文字
  與mf-related-keywords-toggle的屬性head-text相同

DOM構造與class設定

• div.mf_toggle_wrap.mf_finder_relatedkeywords_toggle
  .mf_toggle_on 切換開關為開時設定
  • div.mf_toggle_button_wrap
    • a.mf_toggle_button 切換開關
      :點擊這裡可切換開/關、屬性body-class-toggle 可卸除body標籤。
  • div.mf_toggle_content_wrap
    • div.mf_toggle_content
      • div.mf_finder_relatedkeywords
        • header.mf_finder_relatedkeywords_head
          • 屬性head-text的値(空白情況下為 )
        • ul.mf_finder_relatedkeywords_items
          • li.mf_finder_relatedkeywords_item
            • a.mf_finder_relatedkeywords_item_link
              • span
                • [關鍵字]

DOM客製化用節點

以下為節點參考說明

• Vue.js的具名插槽
• Vue.js的作用域插槽

節點名稱head

可參考的屬性

• self : 客製化元素物件
• customProp :使用 屬性:custom-prop-func 指定機能的數據返回

與mf-related-keywords的節點head相同