修复动态渲染初始dom节点无内容的错误

Author: yaowei9363

README.md

@@ -9,7 +9,7 @@ A vue-based side catalog component.
 npm install vue-side-catalog -S
 ```
 ## Start
-```
+```javascript
 <template>
  <div id="app">
    <div class="demo">
@@ -73,14 +73,15 @@ To modify this rule, you can use the **`headList`** attribute. The default value
   },
 ```
 h1 as first-level directory:
+
 ![h1 as first-level directory](http://p6.qhimg.com/t0158179ba213107601.png)
 
 
 ### Custom catalog elements
 Unlike the custom directory tags above, custom directory elements can support `elements with ref attributes` of` any level`, as well as components
 Requires **`refList`** properties
 
-```
+```html
 <template>
     <h1>JavaScript</h1>
     <h2 ref="t1">历史</h2>
@@ -159,7 +160,7 @@ You can also use **`scrollElementSelector`** to generate a directory for the con
   overflow: auto;
 }
 ```
-效果如下图：
+The effect is as follows:：
 ![image](http://p9.qhimg.com/t01a99edbab87553234.png)
 
 ## Online example

README.zh-CN.md

@@ -43,6 +43,7 @@ export default {
 > 注意： **`containerElementSelector`** 属性是必需的，指定文章的容器。
 
 效果如下图：
+
 ![image](http://p2.qhimg.com/t0182cb51aeaebaace0.png)
 
 ## 示例
@@ -75,7 +76,7 @@ h1作为一级目录：
 跟上面的自定义目录标签不同，自定义目录元素可以支持`任意层级`的`含有ref属性的元素`，也可以支持组件
 需要用到 **`refList`** 属性
 
-```
+```javascript
 <template>
     <h1>JavaScript</h1>
     <h2 ref="t1">历史</h2>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-side-catalog",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "A Catalog Component for Vue.js.",
   "private": false,
   "main": "lib/vue-side-catalog.umd.min",

src/App.vue

@@ -309,6 +309,7 @@
       </div> -->
     </div>
     <side-catalog
+      ref="catalog"
       class="side-catalog"
       v-bind="catalogProps"
     >
@@ -328,8 +329,18 @@ export default {
     SideCatalog,
     // Version
   },
+  mounted(){
+    // setTimeout(()=>{
+    //   this.vhtml=`
+    //     <h1>h1</h1>
+    //     <h2>h2</h2>
+    //     <h3>n3</h3>
+    //   `;    
+    // },2000);
+  },
   data() {
     return {
+      vhtml:'',
       catalogProps: {
         // scrollElementSelector: '.demo',
         // 内容容器selector(必需)

src/components/main.vue

@@ -109,11 +109,9 @@ export default {
       "scroll",
       throttle(this.scrollHandle, 200)
     );
-    // this.$nextTick(() => {
     setTimeout(() => {
       this.setWatcher();
     }, 500);
-    // });
   },
   beforeDestroy() {
     if (this.openDomWatch) {
@@ -190,8 +188,8 @@ export default {
         return false;
       });
     },
-    initActive() {
-      // this.active = this.refList[0].ref;
+    initActive() {      
+      if(!this.catalogList.length) return;
       this.active = this.catalogList[0].ref;
     },
     getTitleMargin(level) {