微信小程序学习笔记（3）

文章目录

• 1、数据绑定
• 2、事件绑定
• 3、事件传参
• 4、条件渲染
• • (1) `wx:if="((duge))"`
  • (2) hidden
  • 前两者区别
  • (3) wx:for
  • (4) wx:key
  • -------------------------------------------------------------
  • 1.wxss
  • • （1）、rpx
    • （2）、@import
    • 2、app.json中的用法
    • • （1）、window用法
      • 3、全局配置tabBar
      • 4、请求方法

        ---

        ---

        1、数据绑定

        Mustache语法（双大括号）

        {{info}}
        //同时在本文件的 .js文件中写入数据
        

        Page({
          data: {
             info:'hello world',
            randomNum: Math.random(),//随机生成数字
            randomNumFixed: Math.random().toFixed(2) //随机生成2位小数的小数  
          }
                  
        })
        

        通过该语法可以动态绑定属性

        在data中也可以写入图片链接，然后通过该语法写入wxml中

        2、事件绑定

        

        target和currentTarget：

        • 前者是触发事件的源头组件
        • 后者是当前时间所绑定的组件
        • 例如：view 中存在一个 button 给view绑定一个bindtap，点击 button 后，e.target指向是button，e.currentTarget是view

          例如：

          点击
          
          

          别忘了在 js中写入btn的函数

          ---

          ---

          通过 this.setData({}) 给 data 中的数据赋新值
          

          btn(){
              this.setData({
                  count: this.data.count+1 //count是data中的数据
              })
          }
          

          ---

          ---

          bindinput: 相应文本框输入事件

          绑定方式：

          点击
          
          

          btn(e){
              console.log(e.detail.value);//获取文本框最新的值
          }
          

          ---

          3、事件传参

          不能再绑定事件的同时传递参数

          例如：

          123不能作参数传到 js中

          可以用以下方式：