<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 开启toggle
  • 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一样