zoukankan      html  css  js  c++  java
  • 微信小程序js学习心得体会

    微信小程序js学习心得体会

    页面控制的bindtap和catchtap

    用法,区别

    <button id='123' data-userDate='100' bindtap='tabMessage'>刷新</button>
    
    tabMessage: function(e){
        console.log(e.target.id);
        
        console.log(e.target.dataset);
    
        console.log(e.target.dataset.userdate);
      },
    
    • 可以获取的数据
      • id
      • 设置的datauserxxx,在页面上设置为data-userXxxx,在js中获取则为dataset.userxxxx 更换为小写
    • bindtap 与 catchtap的是否冒泡的区别
      • bindtap为冒泡事件,bindtap会导致上级控件的所有事件被触发,而catchtap不会
      • catchtap可以中断冒泡事件
      • 任何控件都可以添加该事件
      • 因此通常会在最外层使用一个view作为总控件,添加一个bindtap执行如全局刷新等功能

    setData

    对于小程序中存在js中data的初始数据,假设如下

    data: {
        count: 1,
        weeek: 1
    
      },
          view1: function(e){
              this.setData({
                  count: 2
              })
          }
    

    在这个js中,如果执行view1函数,则data数据只有count会改变,而week不会改变,不会受到影响。

  • 相关阅读:
    【2019/5/24】周进度报告
    第一阶段意见汇总以及改进
    【2019/5/18】周进度报告
    用户体验评价-搜狗输入法
    第二阶段冲刺1
    第十四周总结
    找水王
    第十三周总结
    程序员修炼之道-从小工到专家阅读笔记02
    第十二周总结
  • 原文地址:https://www.cnblogs.com/Phoenix-blog/p/10802597.html
Copyright © 2011-2022 走看看