l***@163.com
l***@163.com
  • 发布:2019-01-17 11:00
  • 更新:2020-06-19 16:19
  • 阅读:4210

【报Bug】uni-app v-for循环渲染带有slot的组件,数据绑定失败

分类:uni-app

uni-app v-for循环渲染带有slot的组件,数据绑定失败。

重现步骤

<template>  
    <view class="content">  
        <uni-card v-for="(item,index) in moduleList" :key="index" is-full="true" :title="item.title" :thumbnail="item.icon" extra="" >  
            {{item.strings}}    <!--不能显示-->  
            {{strings}}    <!--能显示-->  
            你好    <!--能显示-->  
            <rich-text :nodes="item.strings"></rich-text>    <!--不能显示-->  
        </uni-card>  
    </view>  
</template>  

<script>  
    //引入Card卡片  
    import uniCard from "@dcloudio/uni-ui/lib/uni-card/uni-card.vue"  
    export default {  
        components: {   //注册或获取全局组件  
            uniCard  
        },  
        data() {  
            return {  
                title: 'Hello',  
                moduleList: [  
                        {  
                            "title": "生活服务",  
                            "strings":'<div style="text-align:center;"><img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png"/></div>',  
                            "icon":""  
                        }  
                    ],  
                strings: '<div style="text-align:center;"><img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png"/></div>'  
            }  
        },  
        onLoad() {  

        },  
        methods: {  

        }  
    }  
</script>

详情见附件工程,可直接运行。

联系方式
[QQ] 2961238368

2019-01-17 11:00 负责人:无 分享
已邀请:
虫雪浓

虫雪浓 - 热爱生活,热爱编程

查看文档:vue组件

组件里使用 slot 嵌套其他组件时不支持 v-for

q***@tasily.com

q***@tasily.com

那v-card这么封装的意义就大打折扣了

  • 3***@qq.com

    对呀,那 SwipeAction 滑动操作 里面的内容也只能写死了

    2019-04-14 10:29

m***@163.com

m***@163.com

有办法解决吗

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