微信小程序获取自定义组件中properties的属性并修改

最新推荐文章于 2024-06-17 04:00:00 发布
最新推荐文章于 2024-06-17 04:00:00 发布
阅读量3w 收藏 13
点赞数 9
分类专栏： 微信小程序 自定义组件 properties 文章标签： 小程序 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38650233/article/details/105930137
版权

微信小程序获取自定义组件中properties的属性并修改


自己踩了很多坑，才发现用监听最好的。
1.先创建自定义组件，把要传进来的参数填上,如下图。
在这里插入图片描述
2.在具体page页面.json中引入自定义的Component 

{
   
  "usingComponents": {
   
    "K-choice":"../../component/choice/choice",
  }
}

然后使用这个组件，这里要注意传入的值类型要和组件内定义的值类型要一致。
在这里插入图片描述
3.在Component内添加监听,这里监听的是thanTest,拿到之后就能做一些具体的操作的，setData之类的。

  observers: {
   
    'thanTes
最低0.47元/天 解锁文章
坂田由美
关注
  • 9
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序 组件传值(一) properties 父传子
白瑕 的博客
06-05 5777
一个小程序里的组件传值案例
微信小程序如何获取自定义组件中properties的属性并修改，以及父组件和子组件相互传值
热门推荐
weixin_42125732的博客
03-31 3万+
原因：因为自己想了解组件中properties里面的值如何获取到而记录这篇文章 一、自创自定义组件，在json文件夹写上“component”：true 二、父组件的操作步骤 2.1.在json文件夹加上使用组件 2.2 在js文件中写好要传的数组数据 2.3 在wxml页面进行父组件传子组件的值，用属性传值 三、字组件在自己的JS中properties接收父组件传过来的值，定义好type属性和value为[]，即为默认值（父组件传过来的值） 四、用observers监听properties的属性
微信小程序开发系列（三十五）·自定义组件的属性properties
最新发布
时光の尘的博客
06-17 1350
为了调动复选框在左边还是在右边显示，可以根据类名.left和.right来分别设置不同的 flex 方向。使用 display: flex;可以使复选框和文本在同一行展示，使用 align-self: center;可以在垂直方向居中。Properties是指组件的对外属性，主要用来接收组件使用者传递给组件内部的数据，和data一同用于组件的模板渲染。可以看到Properties所在的位置，由于这个组件实在首页使用的，因此我们需要找到首页位置。
小程序 Component 读取 properties中的数据
QQ2856639881的专栏
11-08 1647
【代码】小程序 Component 读取 properties中的数据。
修改微信小程序子组件properties中某一对象动态属性值
chensi_07的博客
12-21 687
【代码】修改微信小程序子组件properties中某一对象动态属性值。
微信小程序（四）--- 自定义组件详解（properties，数据监听器，纯数据字段，插槽，父子间通信，behaviors）
qq_61768389的博客
11-05 9875
properties修改，数据监听器，纯数据字段，插槽，父子间通信，behaviors，组件的创建引用，组件样式隔离
微信小程序自定义组件data,properties,methods节点的介绍
qq_44821064的博客
06-15 804
微信 小程序中的.js文件中的节点介绍。
【微信小程序】修改自定义组件properties的值
weixin_42342065的博客
07-16 5232
前言： 在子组件的properties中接收父组件传过来的属性值，有的可以直接在wxml页面中使用，有的则需要对其进行修改，一种办法是observer监听方法，一种是直接使用setData修改。 代码如下： <view class="detail_right"> <view class="gouse" bindtap="goUseCoupon">去使用</view> </view> // components/popup/popup.js Componen
微信小程序自定义组件数据、方法和属性
实践求真知
09-09 4697
微信小程序
微信小程序获取组件中的所有方法和值
weixin_43365995的博客
02-11 6060
在写微信小程序的时候我们有的时候会遇到一些父页面调用子组件的方法 这个时候我们就要用到一个属性了this.selectComponent() 这个方法使用注意事项 1.引入的组件要加上id如： <selectBox id='selectBox' bind:traCheckedNum="checkNum" selectData="{{position}}" styleclas...
微信小程序：properties属性
m0_61973028的博客
04-25 1446
propertiess属性是组件对外的属性，用来接受外界传递到数组中的数据。
微信小程序自定义组件中对properties的修改
泊一的博客
11-11 6706
数据监听器 注意：如果在数据监听器函数中使用 setData设置本身监听的数据字段，可能会导致死循环，需要特别留意。 Component({ options: { addGlobalClass: true, }, properties: { list: { type: Array, value: [], }, }, data: { history：'' }, // 通过监听器来设置 首次加载时就会触发一次 用新的变量来
微信小程序学习笔记（5）
Outro_的博客
04-02 558
自定义组件
【微信小程序】基础篇 -- 自定义组件 -- 数据、方法和属性（三十三）
JMFive的博客
03-10 4481
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第33篇文章;今天开始学习微信小程序的第17天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。【微信小程序开发教程】， 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。
微信小程序自定义组件的开发
a249648157的博客
07-01 494
自定义组件下拉列表
小程序组件中监听父组件传来的properties值
zaoqinghuan的博客
04-17 2999
前提: 在小程序中，子组件需要接受父组件传来的2个值A和B，子组件需要同时根据A和B做一些业务处理。 通常，我们可以在properties单独的针对A和B进行监听，但是我们发现，在A中使用B，取不到B值，或在B中使用A，取不到A值。这是为什么呢？其实这个涉及到事件循环的知识。 那么，有没有同时能监测到这两个值的方法呢？所以针对子组件需要同时根据A和B做一些业务处理的情况，我们需要同时监听这两个值变化。只要有一个值发生变化，都会重新处理相关业务。 参考微信开发文档：https://developers.w
微信小程序---自定义组件
cozy666的博客
12-14 2135
组件实例刚被创建好的时候，created生命周期函数会被触发此时还不能调用setData，只应该用于给组件的this添加一些自定义的属性字段 个人觉得类似于vue中的beforeCreated组件完全初始化完毕，进入页面节点树后，attached生命周期函数会被触发此时this.data已经被初始化完毕，这个生命周期很有用，绝大多数初始化工作可以在这个时机进行（例如发送请求获取初始化数据） 个人觉得类似于vue中的created在组件离开页面节点树后， detached 生命周期函数会被触发。
微信小程序传值的问题(组件触发事件传参给所用组件的页面)
qq_45366081的博客
12-11 1628
当遇到这种（也就是通过事件改变组件数据或者状态需要把改变的值传给所在页面时）场景的时候。 components为组件，pages为页面 第一则需要在components中 （data和properties里面都可以this.data来取到值，如果有相同的值 properties里面的值会覆盖data里面的值） wxml中 <button bindtap="clickMe">我...
微信小程序组件自定义属性及获取属性
zhouguizhi
11-14 1万+
比如我们有一个列表,点击每个列表中每个子item,把id带到下一个页面 &lt;import src="posts-item/posts-item-template.wxml" /&gt; &lt;view&gt; &lt;block wx:for="{{posts_key}}" wx:for-item="item" wx:for-index="idx"&gt; &lt
微信小程序自定义组件properties type属性
07-15
微信小程序自定义组件的properties属性中的type属性用于指定组件接受的数据类型。type属性可以设置为以下几种类型： 1. String：表示接受字符串类型的值。 2. Number：表示接受数字类型的值。 3. Boolean：表示接受布尔类型的值。 4. Object：表示接受对象类型的值。 5. Array：表示接受数组类型的值。 6. null：表示不限制数据类型。 举个例子，如果你想在自定义组件中定义一个名为"content"的属性，类型为字符串，可以这样写： ```javascript Component({ properties: { content: { type: String, value: '' } }, // ... }) ``` 这样，在使用该自定义组件时，可以通过在组件标签上设置content属性的值，例如： ```html <custom-component content="Hello, World!"></custom-component> ``` 注意：在properties中指定的type属性并不是强制要求，如果传入的数据类型不符合指定的类型，小程序也不会报错，但是在开发中建议按照规范定义属性的类型，以便代码的可读性和维护性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值