示例:
新建一巧拿个微信小程序的Hello World项目,找到index.wxml文件
index.wxml:
使用一个<button>元素,使用bindtap事件作为点击事件
index.js:
在Page({})内,定义一Page个函数孝顷搭changeMotto,函数内部中使用关键字this,this代表对象,
调用setData()函数,里面传入一乎者个Object对象作为参数,把motto的这个字符串变量,重新赋值为“你好 世界”
一.创建并使用组件的步骤
1.创建一个文件夹存放组件,并在里面创建一个组件文件夹,components,tabs
2.在tabs文件里添加组件模板
3.引用组件,在父组件的json文件中配闭的usingComponents中添加子组件路径,compont
4.使用组件,相当于正常标签进行使用
二.父组件向子组件传参的步骤
父组件给子和局组件的tabs传入对象
1.父组件的数据
2.子组件做的 *** 作
如果没有传入数据,就会输出默认值value
3.子组件展示对唤卖让象数据:
三.子组件向父组件传参的步骤
1.先给子组件添加一个点击事件
2.通过this.triggerEvent("自定义事件名称",{传的值})命令保证子组件和父组件同步被修改
3.父组件绑定子组件,定义一个事件名称,用来接收子组件传递的数据
可以通过在image标签上添加bindtap事件,监听扒首橘小程序点击事件,并在对应的js文件中定义函数,触发相应的 *** 作。如春团下:<image bindtap='imageClick' src="xxx" />
/芹世/ js文件
Page({
imageClick: function () {
// do something
}
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)