微信小程序的组件传值

说起微信小程序的传值我们就想起来了vue，其实大致分成了两种，一种是父传子，一种是子传父，这里我做了一下总结！

引入组件

1，首先在components注册咱们的组件。

2，在父组件的.json写入

"usingComponents": {"sear":"../../components/sear/sear"},

3.然后就在咱们的xhtml页面写入

<tabs></tabs>

这样咱们一个最基础的组件就写完了

父传子

1，首先在咱们父组件的.js文件的data声明要传入子组件的值这里我传入了一个父组

  data: {tabs:['综合','销量','价格']}

2，然后在咱们的页面xhtml传入子组件等待子组件接受

<tabs tabs="{{tabs}}"></tabs>

3.然后打开咱们的子组件，接受传过来的数据

  properties: {tabs:{type:Array,value:[]}},

这里咱们在properties接收

type：传入的类型

value：默认值

4，子组件使用父组件传过来的值

 <block wx:for="{{tabs}}">

这样就完成了

子传父

1，子传值咱们使用this.triggerEvent('a',{b})传值

这里有两类参数

第一个是传入的事件名，这个名可以自己定义

第二类参数可以传无数个值，是子组件传入父组件的参数

  methods: {tabsBtn(index){let indexs = index.currentTarget.dataset.indexthis.triggerEvent('tabsBtn',{indexs})}}

2接收

<tabs tabs="{{tabs}}" bindtabsBtn="tabsBtn"></tabs>

使用bind+子组件传入事件名接收然后在注册一个事件

3.接收父组件传入的值

  tabsBtn(indexs){console.log(indexs.detail.indexs)}

输出的就是父组件传过来的参数了

微信小程序的组件传值相关推荐

微信小程序父子组件传值问题
微信小程序父子组件传值问题把自己碰到的问题或者学到的东西在这里总结,慢慢积累在父子组件传值时,我发现子组件竟然拿不到父组件传过来的值. 我指的拿不到父组件的值,是指在子组件的生命周期created ...
小程序子组件向父组件传值_一套组件化、可复用、易扩展的微信小程序 UI 组件库...
如何使用 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序 UI 组件库.在开始使用之前,需要先阅读微信小程序自定义组件的相关文档. 通过 npm 安装,需要依赖小程序基础库 2.2.1 ...
微信小程序 MinUI 组件库系列之 label 标签组件
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁.易用.高效的组件库,适用场景广,覆盖小程序原生框架.各种小程序组件主流框架等,并且提供了高效的命令行工具.MinUI 组件库包含了很多基础 ...
微信小程序 MinUI 组件库系列之 badge 徽章组件
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁.易用.高效的组件库,适用场景广,覆盖小程序原生框架.各种小程序组件主流框架等,并且提供了高效的命令行工具.MinUI 组件库包含了很多基础 ...
微信小程序 MinUI 组件库系列之 label 标签组件 1
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁.易用.高效的组件库,适用场景广,覆盖小程序原生框架.各种小程序组件主流框架等,并且提供了高效的命令行工具.MinUI 组件库包含了很多基础 ...
微信小程序中组件的使用
微信小程序中组件的使用: 微信小程序中组件定义在项目根目录下components文件夹下,在页面使用的时候需要在页面的json文件中声明,如父组件向子组件传值及子组件向父组件传值: 父组件wxml中 ...
微信小程序image组件开发程序以及相关图片问题参考资料汇总
微信小程序image组件开发程序以及相关图片问题参考资料汇总,希望对大家小程序开发能有一定的参考和借鉴价值.以下汇总主要涉及到微信小程序image组件有关资源路径.缩放和剪裁模式等进行的探讨,无论是对 ...
微信小程序自定义组件方案
前言:小程序已于11月初开放了小程序组件功能,但事件方面还不是很完善,有的组件暂时可能还是要用其他方式来实现,这里简单记录下开发小程序自定义组件的要点. 在小程序官方开发组件开发功能之前,自定义组件的 ...
uniapp 判断页面是否是横竖屏,解决微信小程序video组件全屏播放视频遮盖自定义播放控件问题
如果res.deviceOrientation 等于landscape 的话是竖屏,portrait则是横屏.因为用户每旋转一次屏幕就会触发里面的onShow钩子,因此在页面显示或横竖屏变化都会触发这 ...
微信小程序自定义组件，提示组件
微信小程序自定义组件,这里列举了一个常用的提示自定义组件,调用自定义组件中的方法和字段.仅供参考和学习. 编写组件: 在根目录下添加"components"目录,然后像添加Page ...

微信小程序的组件传值

说起微信小程序的传值我们就想起来了vue，其实大致分成了两种，一种是父传子，一种是子传父，这里我做了一下总结！

引入组件

父传子

子传父

微信小程序的组件传值相关推荐

最新文章

热门文章