通过音乐做网站外链,建设银行网上银行官方网站,生产做网站表带的制造厂家,转行学python后悔了数据绑定
对应页面的 js 文件中 定义数据到 data 中#xff1a; 在页面中使用 {{}} 语法直接使用#xff1a; 事件绑定
事件触发
常用事件#xff1a; 事件对象的属性列表#xff08;事件回调触发#xff0c;会收到一个事件对象 event#xff0c;它的详细属性如下 在页面中使用 {{}} 语法直接使用 事件绑定
事件触发
常用事件 事件对象的属性列表事件回调触发会收到一个事件对象 event它的详细属性如下 e.detail.value 是变化过后文本框最新的值。
target是触发该事件的源头组件而currentTarget则是当前事件所绑定的组件。 点击内部的按钮时点击事件以冒泡的方式向外扩散也会触发外层view的tap事件处理函数。
此时对于外层的view来说
e.target 指向的是触发事件的源头组件因此e.target 是内部的按钮组件e.currentTarget 指向的是当前正在触发事件的那个组件因此e.currentTarget 是当前的view组件
小程序中的事件传参比较特殊不能在绑定事件的同时为事件处理函数传递参数。小程序会将 bandtap 的属性值统一当做事件名称来处理。
可以为组件提供 data-* 自定义属性传参 * 代表参数的名字 这里所传参数为 info2。 数据修改 这里举一个例子实现文本框和 data 之间的数据同步 条件渲染
wx:if 结合 block 使用 wx:if
如果要一次性控制多个组件的展示与隐藏可以使用一个block/block标签将多个组件包装起来并 在block标签上使用wx:if控制属性示例如下 block 不是一个组件只是一个包裹性的容器不会在页面中做任何渲染。 hidden
控制显示与异常。 wx:if 与 hidden 对比 列表渲染
wx:for 默认情况下当前循环项的索引用 index 表示当前循环项用 item 表示。
