1***@qq.com
1***@qq.com
  • 发布:2023-02-16 15:08
  • 更新:2023-03-08 16:00
  • 阅读:264

编译到小程序后,插槽传值问题

分类:uni-app
<hui-waterfall class="productList" :dataList="data" v-slot:default="{item, index}">  
        <hui-img className="goodsImg" :src="item.MediaUrl" :errorSrc="$defaultImg()"></hui-img>  
        <div class="goodsName ellipsis2">{{item.Title || item.GoodsName}}</div>  
</hui-waterfall>

其中hui-waterfall和hui-img是自定义组件,$defaultImg()是main.js中Vue.prototype.$defaultImg = function() { return ""; }的一个全局方法。

hui-waterfall组件内部:

<div class="hui-waterfall">  
    <div v-for="(item, index) in dataList" :key="index">  
        <slot :item="item" :index="index"></slot>  
    </div>  
</div>

问题1:


在hui-waterfall组件中我插入另一个组件hui-img,其中的errorSrc属性我传一个方法,这样写好像会导致小程序显示异常(见附件)

请问这种情况要怎么解决?

2023-02-16 15:08 负责人:无 分享
已邀请:
YUANRJ

YUANRJ

检查下代码逻辑,如有问题,提供下测试工程

  • 1***@qq.com (作者)

    问题1 见附件 index.vue

    2023-02-17 15:48

  • YUANRJ

    回复 1***@qq.com: 上传的附件没有 index.vue

    2023-02-17 15:59

  • 1***@qq.com (作者)

    回复 YUANRJ: src/pages/index.vue

    2023-02-17 16:01

  • YUANRJ

    回复 1***@qq.com: 没有,你检查一下吧

    2023-02-17 16:03

  • 1***@qq.com (作者)

    主要就是 src/pages/index.vue,src/components/waterfall.vue组件,src/main.js里的$centToYuan方法 。这3个

    2023-02-17 16:04

  • 1***@qq.com (作者)

    重传了

    2023-02-17 16:06

  • YUANRJ

    回复 1***@qq.com: 已知问题 https://ask.dcloud.net.cn/question/147333

    2023-02-17 16:47

DCloud_UNI_GSQ

DCloud_UNI_GSQ

针对插槽渲染多个实例的方案后续统一会在 #3503 继续跟进

要回复问题请先登录注册