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

首先是wxml

 <view class='js'>
        <view wx:for="{{adressMessages}}">/*这里是元素的内容*/
            <text class='diming'>{{item.diming}}</text>
            <view class='lines1'></view>
            <view class='lv2'>地址:</view>
            <view style='width:650rpx'>
                <text class='txt' decode="{{true}}">{{item.dz}}</text>
            </view>
            <view class='lv2'>咨询电话:</view>/*这里我们需要点击电话号码拨打电话*/
            <view style='width:650rpx'>
                 /*设置bindtap点击事件函数*/
                /*关键一部,设置data-item或者data-id等等,里面填你要打的电话*/
                <text class='txt colors' decode="{{true}}" bindtap='call1' data-item="{{item.phone1}}">{{item.phone1}}</text>
                <text decode="{{true}}">&nbsp;&nbsp;</text>
                <text class='txt colors' decode="{{true}}" bindtap='call2' data-item="{{item.phone2}}">{{item.phone2}}</text>
                <!-- <text decode="{{true}}"></text> -->
                <text class='txt' decode="{{true}}"> {{item.teacher}}</text>
            </view>
            <view class='lv2'>咨询QQ:</view>
            <view style='width:650rpx'>
                <text class='txt' decode="{{true}}">{{item.qq}}</text>
            </view>
            <view style='height:50rpx'></view>
        </view>
    </view>

照例无关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) { },
      })
  },

//加几张效果图片吧

猜你喜欢

转载自blog.csdn.net/baidu_33548663/article/details/81128214