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

父组件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个回答

第一,组件没有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)
    })
    }
});
Chen_w_h
Chen_w_h 如果父组件的传值变化了,怎么监听?
大约一年之前 回复
weixin_41087211
weixin_41087211 要是父组件通过接口传过来的数据查询再传过来的数据是取不到的这样
一年多之前 回复
qq_31205277
qq_31205277 非常感谢您 我还是前端小白 在自己琢磨着学习 像properties和this写错这是我太粗心了 不过还是学到了很多东西
接近 2 年之前 回复

父组件的值没有传给子组件,你在父组件里面设值就行

count="{{item.count}}" 已经传给子组件count的值 我的目的是想使用传过来的count值来设置改变data里{soild,half,hllow}的值

我的意见是值没有传到子组件,如果传给了,自然就改变了,在父组件里直接给子组件赋值试试

qq_37326201
qq_37326201 从父组件没有传到子组件,在试试
接近 2 年之前 回复
weixin_41386123
coder_xiaozhao 换成这种传值方法
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序给自定义组件传递数组 显示为空

* 使用组件,并传值 ``` <dialog orderlists="[{count:1},{count:2}]" mount="3"> </dialog> ``` * 接受传过来的值 * ``` // components/dialog/dialog.js Component({ properties:{ orderlists:Array, mount:String }, ready(){ console.log(this.data.orderlists); console.log(this.data.mount); }, }) ``` 结果输出的值为 [ ] 3 请问各位大神 该怎么解决?

微信小程序 自定义data-xxx 在后台无法获取

wxml里在button组件上有一个data-dclass ![图片说明](https://img-ask.csdn.net/upload/201904/15/1555272420_494108.jpg) js 从云数据库里获取的一个数据存入qdclass,想在后端引用在个数据,但是不知道怎么直接引用就先传到前端,但是再返回后端时,就无法成功打印 ![图片说明](https://img-ask.csdn.net/upload/201904/15/1555272412_436015.jpg)

微信小程序自定义模态框

有没有大佬知道微信小程序怎么实现自定义模态框三个按钮啊,两个跳转的,一个关闭或者取消的,新学的,请大佬指教!!!

微信小程序课程表设计使用selectComponent获取自定义组件后可以对改组件属性传值吗

最近在尝试设计一个课程表页面,想先编写个自定义课程组件, 课程表由多个自定义组件组成。怎么将课程信息按照上课时间 显示在课程表上是个问题。我想根据上课时间(周几+时刻)组 成id,根据这个id使用selectComponent获取一个组件,然后对该 组件赋值(课程名称,课程地点,时间)。可是赋值的时候报错, 很是头疼,求大佬帮忙看看。(有大佬能够解答下如何在课表上根据 时间显示课程也许) ``` properties:{ course_name:{ type:String, value:null }, course_addre:{ type:String, value:null }, course_time: { type: String, value: null } <course_infom course_name="{{course_name}}"course_addre="{{course_addre}}" bindtap='showInfom' id='{{item.id}}' course_time="{{course_time}}"></course_infom> //this.selectComponent(id) 获取id组件 this.course = this.selectComponent("#1-3"); var that = this; var courseName = '美术'; var courseAddre = '哈理工'; var courseTime = '11:00-12:00'; that.setData({ this.course_addre: courseAddre, //对该组件addre赋值 会报错 }) //将this删除就变成全部组件赋值 // var name = this.course.properties.course_name; // this.setData({ // [name]: courseName, 这种方法不行 //}) // var name = this.course.course_name; // this.setData({ // [name]: courseName, 也不行 //}) ```

微信小程序自定义的客服button

我想要实现一个自定义的客服view,但是微信不知此自定义的客服button,于是百度发现我这样可以实现我的需求,但是我想要在点击全部view都能进入到客服页面![图片说明](https://img-ask.csdn.net/upload/201711/23/1511407424_393529.png) ,目前只能红色圈内点击有效,怎么做到全部view都能进入客服呢》 PS:点击文字和图片都可以进入。还有就是网上说些N个这个 <contact-button open-type='contact' bindtap='kefu' size='12' session-from='weapp' style='style="opacity:0;position:absolute;top:40rpx;left:0rpx;'></contact-button> ,来铺满view,但是不同手机要怎么让contact-button铺满呢。

微信小程序video组件层级过高遮挡了悬浮按钮

我做了个微信小程序,在用video组件时,发现我的悬浮按钮被video遮挡了,我用了网上的办法说设置z-index,这样之后再电脑的模拟机上是没问题的,但是在真机上还是被遮挡了,请教大神们这种该怎么解决啊 模拟机:![图片说明](https://img-ask.csdn.net/upload/201808/01/1533117878_68606.png) 真机:![图片说明](https://img-ask.csdn.net/upload/201808/01/1533117962_474312.png)

微信小程序主页面Page 调用setData之后,自定义控件里面的匿名函数对象变成null

微信小程序主页面Page 调用setData之后,由于这个变量是用于自定义控件的属性的,导致自定义控件也刷新了,但是有一些值就变成null了 Page的html ``` <list wx:for='{{WaitData}}' lists='{{item}}' ></list> ``` Page的js ``` var _ob = { title: res[i].ClassName + '(' + res[i].ClassCode + ')', data: _data, fn:function(){ }, // val: res[i], needDel: true, aaa:[function(){ console.log("111") }], delFn: function(a) { console.log(a) }, btns: [{ text: "操作1", fn: function(a) { console.log(a) }, val: res[i].TermYName }, { text: "操作2", fn: function(a) { console.log(a) }, val: res[i].TermYName }] }; DataFromt.push(_ob); console.log(DataFromt) //这里打印出来的匿名函数fn都是有值的 that.setData({ WaitData: DataFromt }); console.log(DataFromt) //这个也有 ``` 自定义控件的属性 ``` properties: { lists: { type: Object, value: {} } }, ``` 但是现在是主页setData之后,在自定义控件里面打印这个lists,里面定义的匿名函数全都没了。 我没搞懂为啥 我在主页随便弄的一个测试的代码试了一下,我发现他可以设置匿名函数的 ![图片说明](https://img-ask.csdn.net/upload/201904/28/1556462794_665844.png) 下面是我发生问题的图片 ![图片说明](https://img-ask.csdn.net/upload/201904/28/1556462945_356949.png) ![图片说明](https://img-ask.csdn.net/upload/201904/28/1556463482_818309.jpg)

微信小程序setData设置了,没起作用

我是在wx.uploadfile里的success里面用了that.setData,但我在wx.uploadfile的success里面可以获取到值,但在wx.uploadfile外面就获取不到值![图片说明](https://img-ask.csdn.net/upload/201804/04/1522809132_152111.png)

微信小程序给video元素绑定事件 在iphone手机失效,在安卓和电脑上可以,怎么办?

微信小程序给video元素绑定事件 在iphone手机失效,在安卓和电脑上可以,怎么办?

微信小程序中为什么定义button控件的宽度没有反应效果不显示?给他加背景颜色以及字体颜色是有用的

运行结果: ![图片说明](https://img-ask.csdn.net/upload/201911/14/1573725866_310999.png) wxml部分: ![图片说明](https://img-ask.csdn.net/upload/201911/14/1573725929_210957.png) wxss部分: ![图片说明](https://img-ask.csdn.net/upload/201911/14/1573725948_797146.png)

微信小程序动态加载底部导航栏

我根据网上的这个教程做了动态加载底部导航栏的,现在可以显示出来,不过有个bug,就是我重复多次点击导航栏时,点击的时候就没反应了,重新刷新页面的时候又可以了 ``` https://blog.csdn.net/alertqian/article/details/71711453 ``` 求大神指点下,刚开始学

用mpvue写微信小程序,自己的事件不会触发,其他元素绑定的事件却能触发该事件.

我点击returnTop这个事件他不被触发,点击tolikeup触发returnTop 这个问题要怎么解决呀![图片说明](https://img-ask.csdn.net/upload/201812/03/1543812594_171064.png)

小程序component组件与page传值判断?

在做小程序diy,前端返回了bannList(轮播图),如果linkRadio=1,则跳转systemLink里面的url,如果linkRadio=2,则跳转h5Link链接,(轮播图是自定义的组件),如何进行判断跳转,请各位大神指点下![图片说明](https://img-ask.csdn.net/upload/201906/15/1560565041_963543.png)

微信卡券,商户平台创建的代金券,小程序用wx.addCard接口添加到卡包,最后显示参数错误,请问怎么解决?

微信卡券,商户平台创建的代金券,小程序用wx.addCard接口添加到卡包,最后显示参数错误。 签名的时候,使用cardId、timestamp、nonceStr、cardApiTicket签名的。

tabbar通过component组件嵌套切换页面,切换到的目标页面不执行onLoad事件怎么解决呢

tabbar通过component组件嵌套切换页面,切换到的目标页面不执行onLoad事件怎么解决呢? 页面跳转是正常没有问题的,但是跳转之后的目标页面不执行onLoad和onShow事件了

腾讯地图自定义标点,在微信内置地图显示

我现在默认显示的几个坐标点,想用微信打开,在微信内置地图显示,点击可以查看位置并导航去那里 理想效果 ![图片说明](https://img-ask.csdn.net/upload/201806/14/1528944037_814316.png) 现实效果 ![图片说明](https://img-ask.csdn.net/upload/201806/14/1528944150_906853.jpg) 要请求api,具体怎么实现?

小程序 Vant 组件库 dateTimePicker

这个组件 我想自定义 分钟数每30一选 初始值为当前时间 我该怎么改这个啊 完全没有头绪 求大神指教 或是有自定义picker可以推荐一下 谢谢

小程序的页面渲染优化

最近做了一个项目, 类似与商城,但是要求最有联动(左边是目录).在页面需要渲染length >200 的数组.里面还有图片,就像做个懒加载.但是在页面光遍历渲染这个数组的内容,就需要3s左右.有没有更好的方案分享一下!

微信页面样式在苹果和安卓显示不一样!

我用ASP.NET开发微信页面,在iPhone4S和iPhone6上面测试页面样式都没有问题 但是用安卓手机测试,页面的样式就缩小,导致页面很不美观,这是什么情况?

软件测试入门、SQL、性能测试、测试管理工具

软件测试2小时入门,让您快速了解软件测试基本知识,有系统的了解; SQL一小时,让您快速理解和掌握SQL基本语法 jmeter性能测试 ,让您快速了解主流来源性能测试工具jmeter 测试管理工具-禅道,让您快速学会禅道的使用,学会测试项目、用例、缺陷的管理、

计算机组成原理实验教程

西北工业大学计算机组成原理实验课唐都仪器实验帮助,同实验指导书。分为运算器,存储器,控制器,模型计算机,输入输出系统5个章节

Java 最常见的 200+ 面试题:面试必备

这份面试清单是从我 2015 年做了 TeamLeader 之后开始收集的,一方面是给公司招聘用,另一方面是想用它来挖掘在 Java 技术栈中,还有那些知识点是我不知道的,我想找到这些技术盲点,然后修复它,以此来提高自己的技术水平。虽然我是从 2009 年就开始参加编程工作了,但我依旧觉得自己现在要学的东西很多,并且学习这些知识,让我很有成就感和满足感,那所以何乐而不为呢? 说回面试的事,这份面试...

winfrom中嵌套html,跟html的交互

winfrom中嵌套html,跟html的交互,源码就在里面一看就懂,很简单

玩转Python-Python3基础入门

总课时80+,提供源码和相关资料 本课程从Python零基础到纯Python项目实战。内容详细,案例丰富,覆盖了Python知识的方方面面,学完后不仅对Python知识有个系统化的了解,让你从Python小白变编程大牛! 课程包含: 1.python安装 2.变量、数据类型和运算符 3.选择结构 4.循环结构 5.函数和模块 6.文件读写 7.了解面向对象 8.异常处理

程序员的兼职技能课

获取讲师答疑方式: 在付费视频第一节(触摸命令_ALL)片头有二维码及加群流程介绍 限时福利 原价99元,今日仅需39元!购课添加小助手(微信号:itxy41)按提示还可领取价值800元的编程大礼包! 讲师介绍: 苏奕嘉&nbsp;前阿里UC项目工程师 脚本开发平台官方认证满级(六级)开发者。 我将如何教会你通过【定制脚本】赚到你人生的第一桶金? 零基础程序定制脚本开发课程,是完全针对零脚本开发经验的小白而设计,课程内容共分为3大阶段: ①前期将带你掌握Q开发语言和界面交互开发能力; ②中期通过实战来制作有具体需求的定制脚本; ③后期将解锁脚本的更高阶玩法,打通任督二脉; ④应用定制脚本合法赚取额外收入的完整经验分享,带你通过程序定制脚本开发这项副业,赚取到你的第一桶金!

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

基于VHDL的16位ALU简易设计

基于VHDL的16位ALU简易设计,可完成基本的加减、带进位加减、或、与等运算。

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

利用Verilog实现数字秒表(基本逻辑设计分频器练习)

设置复位开关。当按下复位开关时,秒表清零并做好计时准备。在任何情况下只要按下复位开关,秒表都要无条件地进行复位操作,即使是在计时过程中也要无条件地进行清零操作。 设置启/停开关。当按下启/停开关后,将

董付国老师Python全栈学习优惠套餐

购买套餐的朋友可以关注微信公众号“Python小屋”,上传付款截图,然后领取董老师任意图书1本。

Python可以这样学(第一季:Python内功修炼)

董付国系列教材《Python程序设计基础》、《Python程序设计(第2版)》、《Python可以这样学》配套视频,讲解Python 3.5.x和3.6.x语法、内置对象用法、选择与循环以及函数设计与使用、lambda表达式用法、字符串与正则表达式应用、面向对象编程、文本文件与二进制文件操作、目录操作与系统运维、异常处理结构。

计算机操作系统 第三版.pdf

计算机操作系统 第三版 本书全面介绍了计算机系统中的一个重要软件——操作系统(OS),本书是第三版,对2001年出版的修订版的各章内容均作了较多的修改,基本上能反映当前操作系统发展的现状,但章节名称基

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

Vue.js 2.0之全家桶系列视频课程

基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

微信公众平台开发入门

本套课程的设计完全是为初学者量身打造,课程内容由浅入深,课程讲解通俗易懂,代码实现简洁清晰。通过本课程的学习,学员能够入门微信公众平台开发,能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习,学员能够对微信公众平台有一个清晰的、系统性的认识。例如,公众号是什么,它有什么特点,它能做什么,怎么开发公众号。 其次,通过本课程的学习,学员能够掌握微信公众平台开发的方法、技术和应用实现。例如,开发者文档怎么看,开发环境怎么搭建,基本的消息交互如何实现,常用的方法技巧有哪些,真实应用怎么开发。

150讲轻松搞定Python网络爬虫

【为什么学爬虫?】 &nbsp; &nbsp; &nbsp; &nbsp;1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到! &nbsp; &nbsp; &nbsp; &nbsp;2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: 网络请求:模拟浏览器的行为从网上抓取数据。 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 &nbsp; 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! 【课程服务】 专属付费社群+每周三讨论会+1v1答疑

SEIR课程设计源码与相关城市数据.rar

SEIR结合学报与之前博客结合所做的一些改进,选择其中三个城市进行拟合仿真SEIR结合学报与之前博客结合所做的一些改进,选择其中三个城市进行拟合仿真SEIR结合学报与之前博客结合所做的一些改进,选择其

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

2019 AI开发者大会

2019 AI开发者大会(AI ProCon 2019)是由中国IT社区CSDN主办的AI技术与产业年度盛会。多年经验淬炼,如今蓄势待发:2019年9月6-7日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能新篇章!

Java面试题大全(2020版)

发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~ 本套Java面试题大全,全的不能再全,哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境。 JRE:Java Runtime Environ...

定量遥感中文版 梁顺林著 范闻捷译

这是梁顺林的定量遥感的中文版,由范闻捷等翻译的,是电子版PDF,解决了大家看英文费时费事的问题,希望大家下载看看,一定会有帮助的

GIS程序设计教程 基于ArcGIS Engine的C#开发实例

张丰,杜震洪,刘仁义编著.GIS程序设计教程 基于ArcGIS Engine的C#开发实例.浙江大学出版社,2012.05

人工智能-计算机视觉实战之路(必备算法+深度学习+项目实战)

系列课程主要分为3大阶段:(1)首先掌握计算机视觉必备算法原理,结合Opencv进行学习与练手,通过实际视项目进行案例应用展示。(2)进军当下最火的深度学习进行视觉任务实战,掌握深度学习中必备算法原理与网络模型架构。(3)结合经典深度学习框架与实战项目进行实战,基于真实数据集展开业务分析与建模实战。整体风格通俗易懂,项目驱动学习与就业面试。 建议同学们按照下列顺序来进行学习:1.Python入门视频课程 2.Opencv计算机视觉实战(Python版) 3.深度学习框架-PyTorch实战/人工智能框架实战精讲:Keras项目 4.Python-深度学习-物体检测实战 5.后续实战课程按照自己喜好选择就可以

三个项目玩转深度学习(附1G源码)

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

微信小程序开发实战之番茄时钟开发

微信小程序番茄时钟视频教程,本课程将带着各位学员开发一个小程序初级实战类项目,针对只看过官方文档而又无从下手的开发者来说,可以作为一个较好的练手项目,对于有小程序开发经验的开发者而言,可以更好加深对小程序各类组件和API 的理解,为更深层次高难度的项目做铺垫。

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

去除异常值matlab程序

数据预处理中去除异常值的程序,matlab写成

用verilog HDL语言编写的秒表

在秒表设计中,分模块书写。用在七段数码管上显示。输入频率是1KHZ.可以显示百分秒,秒,分。如要显示小时,只需修改leds里的代码和主模块代码。改程序以通过硬件电路验证。完全正确。

[透视java——反编译、修补和逆向工程技术]源代码

源代码。

相关热词 c# 解析cad c#数字格式化万 c#int转byte c#格式化日期 c# wpf 表格 c# 实现ad域验证登录 c#心跳包机制 c#使用fmod.dll c#dll vb 调用 c# outlook
立即提问
相关内容推荐