<mf-toggle-wrap></mf-toggle-wrap>

用来显示切换功能的通用封装的自定义元素

可指定的属性

• body-class-toggle (String)
  要从body标签classList中添加或除去的类名
  使通过CSS描述实现切换变得可能

• init-on (Boolean)
  在初始状态设置toggle为on
  在body标签的classList启动时，设置属性body-class-toggle指定的类名

DOM结构和类设置

• div.mf_toggle_wrap
  .mf_toggle_on 开启时设置
  • div.mf_toggle_button_wrap
    • a.mf_toggle_button 切换按钮
      点击这里切换开/关状态，属性body-class-toggle的类名会被在body标签的classList中被添加或者删除
      • 可通过插槽toggle_button自定义
  • div.mf_toggle_content_wrap
    • div.mf_toggle_content
      • 匿名插槽嵌入toggle显示的内容

DOM定制的插槽

有关插槽，请参阅下面的说明

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

插槽名称 toggle_button

可以引用的属性

• self : 本自定义元素的一个实例
• customProp : 由属性:custom-prop-func指定的函数返回的数据

匿名插槽

可以引用的属性

• self : 本自定义元素的一个实例
• customProp : 由属性:custom-prop-func指定的函数返回的数据