文章目录
前言
提示:这里可以添加本文要记录的大概内容:
小程序的 插值语法 ,条件渲染,小程序的绑定事件 和小程序的分享功能
提示:以下是本篇文章正文内容,下面案例可供参考
1.用 {{ 内容 }} 在页面表示 ,里面可以插入 基本数据类型,复杂数据类型和表达式
1)基本数据类型
string , number ,null , boolean ,undefined
2)引入数据类型(复杂类型)
对象 object 数组 array
3)表达式
1)三元表达式 值 ?"为true" : "为false"
2)算术表达式 ++ += -- -=
3)逻辑表达式 < <= = > =>
2.{{变量}} 在.js文件的data中定义变量的值
3.获取data的数据
this.data.属性名
4.改变data的数据
this.setdata({
属性名:改变后的值
})
二、小程序的的条件判断
语法 : wx : if
1)wx:if = "值" //值为true--显示 false 隐藏
是动态的向dom中添加或者删除标签控制显示隐藏
2)hidden 隐藏
hidden ="值" //值为true--隐藏 false 显示
是通过css中display控制的显示隐藏
三、小程序的绑定事件
1.通过 bind事件=‘事件’
2.在.js文件中和data同一级 定义事件名
事件名(){}
3.获取data的数据
this.data.属性名
4.改变data的数据
this.setdata({
属性名:改变后的值
})
5.跟随事件传参数
data-属性名=‘传递的值’
事件名(e){
e.currentTarger.dataset.属性名
e.targer.dataset.属性名
}
四、小程序的分享
两种办法:
1. 右上角胶囊 的 。。。
2. button open-type="share" <button open-type="share">分享</button>