元气满满
元气满满
  • 发布:2019-01-08 18:21
  • 更新:2019-01-09 10:44
  • 阅读:938

【页面渲染Bug】 3个页面几行代码测试额

分类:uni-app

首页:pages:


<template>  
    <view>  
        <m-test v-for="(item, index) in list" :key="index">  
            <m-test-inner :info="item"></m-test-inner>  
        </m-test>  
    </view>  
</template>  

<script>  

    import mTest from "../../../components/test.vue"  
    import mTestInner from "../../../components/test-inner.vue"  
    export default {  
        components: {  
            mTest,  
            mTestInner  
        },  
        data() {  
            return {  
                list: [{  
                    name: "张三"  
                }, {  
                    name: "李四"  
                }]  
                        }  
        }  
    }  
</script>  

test.vue: components


<template>  
    <view>  
        <view>  
            <slot></slot>  
        </view>  
    </view>  
</template>  

test-inner.vue: components


<template>  
    <view>  
        <view><text>{{ info.name + ' default' }}</text></view>  
        <text>{{ age + ' defalut' }}</text>  
    </view>  
</template>  

<script>  
    export default {  
        props: {  
            info: Object  
        },  
        data() {  
            return {  
                age: "13"  
            };  
        }  
    }  
</script>  

预期:

张三 default  
13 default  
李四 default  
13 default

H5 正常

5+ app 微信

undefined default  
undefined default  
undefined default  
undefined default
2019-01-08 18:21 负责人:无 分享
已邀请:
元气满满

元气满满 (作者) - coding是不会有女朋友的

工具 HBuild X 1.4.1.20181228

系统 macOS Mojave 10.14

元气满满

元气满满 (作者) - coding是不会有女朋友的

> 没
> 有
> 人
> 回
> 答

  • 新的一天

    目前官方只支持一层组件,之前官方说的,多层的有bug

    2019-01-09 11:51

该问题目前已经被锁定, 无法添加新回复