<mf-keyword-ranking-toggle></mf-keyword-ranking-toggle>

附切換開關關鍵字排行顯示用元件

可指定屬性

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

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

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

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

DOM構造和class設定

• div.mf_toggle_wrap.mf_finder_keywordranking_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_keywordranking (沒有關鍵字排行時為空白)
        • header.mf_finder_keywordranking_head
          • 屬性head-text的值(空白情況下為 )
        • ol.mf_finder_keywordranking_items
          • li.mf_finder_keywordranking_item
            • a.mf_finder_relatedkeywords_item_link
              • span
                • [關鍵字]

DOM客製化用節點

以下為節點參考說明

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

節點名稱head

可參考的屬性

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

與mf-keyword-ranking的節點head`相同