LoadingBar support SSR

Aresn
1 parent dd28e57f
Showing 1 changed file with 13 additions and 14 deletions Show diff stats
src/components/loading-bar/loading-bar.js
 import LoadingBar from './loading-bar.vue';
 import Vue from 'vue';
-import { camelcaseToHyphen } from '../../utils/assist';
 LoadingBar.newInstance = properties => {
     const _props = properties || {};
-    let props = '';
-    Object.keys(_props).forEach(prop => {
-        props += ' :' + camelcaseToHyphen(prop) + '=' + prop;
+    const Instance = new Vue({
+        data: _props,
+        render (h) {
+            return h(LoadingBar, {
+                props: _props
+            });
+        }
     });
-    const div = document.createElement('div');
-    div.innerHTML = `<loading-bar${props}></loading-bar>`;
-    document.body.appendChild(div);
-
-    const loading_bar = new Vue({
-        el: div,
-        data: _props,
-        components: { LoadingBar }
-    }).$children[0];
+    const component = Instance.$mount();
+    document.body.appendChild(component.$el);
+    const loading_bar = Instance.$children[0];
     return {
         update (options) {
@@ -34,7 +31,9 @@ LoadingBar.newInstance = properties =&gt; {
         },
         component: loading_bar,
         destroy () {
-            document.body.removeChild(div);
+            setTimeout(function() {
+                document.body.removeChild(document.getElementsByClassName('ivu-loading-bar')[0].parentElement);
+            }, 500);
         }
     };
 };