<mf-related-keywords-toggle></mf-related-keywords-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 Toggle开启设置
  • div.mf_toggle_button_wrap
    • a.mf_toggle_button Toggle按钮 :点击这里切换开/关状态，属性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相同