微信小程序wx:for给每一个元素加事件,并获取元素内容

首先是wxml

 
        /*这里是元素的内容*/
            {{item.diming}}
            
            地址:
            
                {{item.dz}}
            
            咨询电话:/*这里我们需要点击电话号码拨打电话*/
            
                 /*设置bindtap点击事件函数*/
                /*关键一部,设置data-item或者data-id等等,里面填你要打的电话*/
                {{item.phone1}}
                  
                {{item.phone2}}
                
                 {{item.teacher}}
            
            咨询QQ:
            
                {{item.qq}}
            
            
        
    

照例无关css不写

js页面

data: {
        //相关信息的填写
      adressMessages:[
          { 'diming': '杭州总部', 'dz': '杭州市下沙6号大街260号中自科技园3幢2楼(23号大街与6号大街街交界处)\n(地铁1号至文海南路站                 下车;公交可坐B1区间2、k104至6号大街23号路口下车)', 'phone1': '0571-86926616', 'phone2': '15372045773', 'teacher': '(杨老师)', 'qq':'1040745679、1363776175'},
          { 'diming': '衢州分部', 'dz': '衢州柯城区亭川东路393号', 'phone1': '15372408002', 'phone2': '', 'teacher': '(微信同步)冯老师', 'qq': '3558529686' },
          { 'diming': '宁波分部', 'dz': '宁波市海曙区新典路46号宁波职业技术学院', 'phone1': '15306717201', 'phone2': '', 'teacher': '(微信同步)李老师', 'qq': '2211974900' },
          { 'diming': '金华分部', 'dz': '金华义乌市稠城江东中路346号 百瑞酒店7楼', 'phone1': '13750925779', 'phone2': '', 'teacher': '(微信同步)黄老师', 'qq': '2965708836' },
          { 'diming': '温州分部', 'dz': '温州市茶山镇鞋城路10号', 'phone1': '15306718513', 'phone2': '', 'teacher': '(微信同步)沈老师', 'qq': '2240288265' },
          { 'diming': '绍兴分部', 'dz': '浙江越秀外国语学院:绍兴越城区会稽路428号', 'phone1': '15306717201', 'phone2': '', 'teacher': '(微信同步)李老师', 'qq': '2211974900' },
          { 'diming': '丽水分部', 'dz': '丽水市莲都区学院路1号丽水学院民族学院', 'phone1': '15372413313', 'phone2': '', 'teacher': '(微信同步)陈老师', 'qq': '1784518088' },
          { 'diming': '台州分部', 'dz': '临海市东方大道605号台州学院', 'phone1': '15306718513', 'phone2': '', 'teacher': '(微信同步)沈老师', 'qq': '2240288265' },
      ]
  
  },
  //弹框电话
  call1:function(e){
       //重要的一步,获取你的元素 我写的是data-item,这里就是e.currentTarget.dataset.item
        //如果是id或者其他的只要改下就好了
      var phonenum = e.currentTarget.dataset.item
      wx:wx.makePhoneCall({
          phoneNumber: phonenum,
          success: function(res) {},
          fail: function(res) {},
          complete: function(res) {},
      })
  },
  call2: function (e) {
      var phonenum = e.currentTarget.dataset.item
      wx: wx.makePhoneCall({
          phoneNumber: phonenum,
          success: function (res) { },
          fail: function (res) { },
          complete: function (res) { },
      })
  },

//加几张效果图片吧

微信小程序wx:for给每一个元素加事件,并获取元素内容_第1张图片

微信小程序wx:for给每一个元素加事件,并获取元素内容_第2张图片

你可能感兴趣的:(微信小程序)