微信小程序 | 按钮点击（bindtap）失效

        在写一个小程序中卖大界面的时候，发现这个配塌页面的按钮点击失效，打印log打印不出来，而其他页面的点击事件仍旧可以触发。找了半天发现按钮被textarea组卖竖件遮挡了，导致点击不到。

解决办法：给textarea添加样式，修改它的高度。

注意：可通过下面这个窗口查看各部分大小及其位置，遇到组件失灵时可以先看一下有没有被覆盖。

内容:

一:数据绑定

1.1 动态内容绑定:

页面的.js文件中

数据绑定

1.2动态属性绑定

1.3三毁宽元表达式

1.4算术运算

二:事件绑定

2.1小程序中常用事件

2.2事件对象的属性列表

2.3target和currentTarget的区别

currentTarget很少使用

2.4bindTap语法格式

2.5 data中数据赋值

2.6绑定事件传参

2.7 bind-input的语法格式

2.8 input 绑定data中的值

3.1 wx:if

3.3 hidden

3.4 wx:if与友皮hidden的区别

3.7 wx:key的使用

不使用wx:key的提示纤告亮

四:wxss模板样式

weixin style sheets,是一套样式语言,用于美化wxml组件的样式,类似于网页开发中的css

五:全局配置

5.1全局配置文件及常用配置项

5.2 全局配置window

5.2.1组成

5.2.2常用属性

设置导航栏标题:

设置导航栏背景色和标题色:

全局开启下拉刷新:

** 注意再app.json中开启下拉刷新会作用于每一个页面 **

设置下拉刷新时背景色

设置下拉刷新loading样式

5.3.2组成

效果:

5.4 页面配置与全局配置

六:小程序数据请求

6.1小程序中数据请求的限制

6.6 跳过request合法域名校验

1、打开开发者工具，新建一个页面，并创建页面元素。

2、使用bindtap属性给按钮绑定点击事件。

3、打开JS文件，添加点击后，执行的梁含者方法函数。

4、点击一下绑定了事件的按钮。

5、点击老乱后，可以看到，橡薯控制台输出！说明成功。

---