qq_31205277 2018-08-22 03:01 采纳率: 40%
浏览 16129
已采纳

微信小程序自定义组件在获取到父组件传的值以后如何修改自定义内部数据??

父组件index.wxml stalls是个数组 count的属性是字符串

<view class='stalls' wx:for="{{stalls}}" wx:key=''>
    <stars count="{{item.count}}" />
  </view>
</view>

自定义组件
stars.wxml

   <view class='stall'>
  <view>{{count}}</view>
    <block wx:for="{{solid}}" wx:key="">  
      <image src='../../images/star-solid.png'></image>  
    </block>  
    <block wx:for="{{half}}" wx:key="">  
      <image src='../../images/star-half.png'></image>  
    </block>
    <block wx:for="{{hollow}}" wx:key="">  
      <image src='../../images/star-hollow.png'></image>  
    </block>  
  </view>

stars.js

 Component({
  properties: {
    count:String
  },
  data: {
    // 这里是一些组件内部数据
    solid: ' ', 
    half: ' ', 
    hollow: ' ', 
  },
    onLoad: function () {
      this.setData({ 
        solid: parseInt(this.properties.count),
        half: Math.ceil(5 - this.aproperties.count) - (5 - self.properties.count),
        hollow: parseInt(5 - this.properties.count)
      })
    },
})

自定义组件内部的data里的数据没有变化

  • 写回答

4条回答 默认 最新

  • 斯洛文尼亚旅游 2018-08-22 13:22
    关注

    第一,组件没有onLoad事件,自己好好看api,改为ready事件
    https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/component.html

    第二,starts.js代码有问题,properties写成了aproperties,self变量没有定义;乱用

    
    Component({
      properties: {
        count: String
      },
      data: {
        // 这里是一些组件内部数据
        solid: '',
        half: '',
        hollow: '',
      },
      ready: function () {
        this.setData({
          solid: parseInt(this.properties.count),
          half: Math.ceil(5 - this.properties.count) - (5 - this.properties.count),
          hollow: parseInt(5 - this.properties.count)
        })
        }
    });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 做个有关计算的小程序
  • ¥15 MPI读取tif文件无法正常给各进程分配路径
  • ¥15 如何用MATLAB实现以下三个公式(有相互嵌套)
  • ¥30 关于#算法#的问题:运用EViews第九版本进行一系列计量经济学的时间数列数据回归分析预测问题 求各位帮我解答一下
  • ¥15 setInterval 页面闪烁,怎么解决
  • ¥15 如何让企业微信机器人实现消息汇总整合
  • ¥50 关于#ui#的问题:做yolov8的ui界面出现的问题
  • ¥15 如何用Python爬取各高校教师公开的教育和工作经历
  • ¥15 TLE9879QXA40 电机驱动
  • ¥20 对于工程问题的非线性数学模型进行线性化