fix: fix nested components in v-template

rigor789 · rigor789 · commit 30a11bf901b2 · 2018-01-30T19:54:47.000Z
fixes nativescript-vue#107
diff --git a/platform/nativescript/util/index.js b/platform/nativescript/util/index.js
@@ -76,7 +76,11 @@ export function after(original, thisArg, wrap) {
 
 export function deepProxy(object, depth = 0) {
   return new Proxy(object, {
-    get() {
+    get(target, key) {
+      if (key === 'toString') {
+        return () => ''
+      }
+
       if (depth > 10) {
         throw new Error('deepProxy over 10 deep.')
       }
diff --git a/samples/app/app-with-v-template-components.js b/samples/app/app-with-v-template-components.js
@@ -0,0 +1,28 @@
+const Vue = require('./nativescript-vue')
+
+Vue.component('comment', {
+  props: ['comment'],
+  template: `<label :text="comment.content"/>`
+})
+new Vue({
+  data: {
+    comments: [
+      { content: 'hello1' },
+      { content: 'hello2' },
+      { content: 'hello3' },
+      { content: 'hello4' }
+    ]
+  },
+  template: `
+    <page class="page">
+      <action-bar title="Home" class="action-bar"></action-bar>
+        <stack-layout class="home-panel">
+          <list-view for="comment in comments">
+            <v-template>
+              <comment :comment="comment"/>
+            </v-template>
+          </list-view>
+        </stack-layout>
+    </page>
+  `
+}).$start()
