2.1 小程序核心语法

2023-10-06  本文已影响0人  LucXion
  1. 页面内引用的对象,必须在对应的.js文件中声明,通过关键字Page + data
Page ({
    data : {
        product : {
            price : 10,
            num : 5
        }
    }
)} 
  1. 给按钮添加点击事件 + 传值
// bind:tap
<button bind:tap="btnClick_numAdd_1">num + 1</button>
// bind:tap + data-step
<button bind:tap="btnClick_numAdd_N" data-step="5">num + N</button>
// 值的接收 .js 文件:
btnClick_numAdd_N(event){
    console.log(event.target.dataset.step)
}

3.双向绑定:读 + 写

// 以 input 输入框组件为例, 读 value , 写 bindinput
<input class="productM" type="num" bindinput="InputEvent" value="{{product.num}}"/>

4..wsml中,如果要引用.js中的数据,要用 {{}} 包裹

{{product.num}}

5..js 中,通过setdata赋值,会触发刷新,所有与该值相关的组件都会刷新。

this.setData ({
   'product.num' : this.data.product.num + parseInt(event.target.dataset.step)
})
上一篇下一篇

猜你喜欢

热点阅读