update doc about ie11

phphe · phphe · commit d7c122daf741 · 2019-03-23T00:49:56.000+08:00
diff --git a/README.md b/README.md
@@ -5,6 +5,7 @@
 This is a draggable tree component. This component does not have css, you need to add your style refer to demo. The demo style is less, not difficult.
 This component doesn't render node. It exposes a node rendering slot. Please refer to the demo for rendering.   
 * [demo / 示例/演示](https://codepen.io/phphe/pen/KRapQm)
+* [ie11 example / ie11示例](https://github.com/phphe/vue-draggable-nested-tree/tree/master/ie11-example)
 * [English Doc](https://github.com/phphe/vue-draggable-nested-tree/blob/master/README.md)
 * [中文文档](https://github.com/phphe/vue-draggable-nested-tree/blob/master/README_CN.md)
 
@@ -20,6 +21,7 @@ Support touch(single point).
   * [import](#import)
   * [data](#data)
   * [template](#template)
+  * [template for old browsers(eg: IE)](#template_for_old_browsers)
 * [api](#api)
   * [Tree props](#tree_props)
      * [Noraml - Tree props](#noraml_tree_props)
@@ -97,6 +99,19 @@ Tree(:data="data" draggable crossTree)
       b(v-if="data.children && data.children.length" @click="store.toggleOpen(data)") {{data.open ? '-' : '+'}}&nbsp;
       span {{data.text}}
 ```
+<a name="template_for_old_browsers"></a>
+### template for old browsers(eg: IE)
+```pug
+//- slot-scope="{data, store, vm}" may not work in old browsers, replace with slot-scope="slot"
+Tree(:data="data" draggable crossTree)
+  div(slot-scope="slot")
+    //- data is node
+    //- store is the tree
+    //- vm is node Vue instance, you can get node level by vm.level
+    template(v-if="!slot.data.isDragPlaceHolder")
+      b(v-if="slot.data.children && slot.data.children.length" @click="slot.store.toggleOpen(slot.data)") {{slot.data.open ? '-' : '+'}}&nbsp;
+      span {{slot.data.text}}
+```
 <a name="api"></a>
 # api
 **The 'store' is the tree vm**
diff --git a/README_CN.md b/README_CN.md
@@ -5,6 +5,7 @@
 This is a draggable tree component. This component does not have css, you need to add your style refer to demo. The demo style is less, not difficult.
 This component doesn't render node. It exposes a node rendering slot. Please refer to the demo for rendering.   
 * [demo / 示例/演示](https://codepen.io/phphe/pen/KRapQm)
+* [ie11 example / ie11示例](https://github.com/phphe/vue-draggable-nested-tree/tree/master/ie11-example)
 * [English Doc](https://github.com/phphe/vue-draggable-nested-tree/blob/master/README.md)
 * [中文文档](https://github.com/phphe/vue-draggable-nested-tree/blob/master/README_CN.md)
 
@@ -20,6 +21,7 @@ Support touch(single point).
   * [import/引入](#import)
   * [data](#data)
   * [template](#template)
+  * [旧浏览器(IE)模板写法](#template_for_old_browsers)
 * [api](#api)
   * [Tree props](#tree_props)
      * [Noraml - Tree props](#noraml_tree_props)
@@ -97,6 +99,19 @@ Tree(:data="data" draggable crossTree)
       b(v-if="data.children && data.children.length" @click="store.toggleOpen(data)") {{data.open ? '-' : '+'}}&nbsp;
       span {{data.text}}
 ```
+<a name="template_for_old_browsers"></a>
+### 旧浏览器(IE)模板写法
+```pug
+//- slot-scope="{data, store, vm}" 旧浏览器不支持解构赋值. 如果你直接在网页内联模板里这样写(不经过编译)就会出错.
+Tree(:data="data" draggable crossTree)
+  div(slot-scope="slot")
+    //- data is node
+    //- store is the tree
+    //- vm is node Vue instance, you can get node level by vm.level
+    template(v-if="!slot.data.isDragPlaceHolder")
+      b(v-if="slot.data.children && slot.data.children.length" @click="slot.store.toggleOpen(slot.data)") {{slot.data.open ? '-' : '+'}}&nbsp;
+      span {{slot.data.text}}
+```
 <a name="api"></a>
 # api
 **下文的'store'是树的vue实例(vm), nodeVm是节点的实例**
