微信小程序中实现动态绑定数据及动态事件处理的示例分析-创新互联

这篇文章主要为大家展示了“微信小程序中实现动态绑定数据及动态事件处理的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“微信小程序中实现动态绑定数据及动态事件处理的示例分析”这篇文章吧。

微信小程序 动态绑定数据及动态事件处理

关键核心代码

var objurl= JSON.parse(res.data);
        //重置图片参数
        var temppostionlist=that.data.postionlist;
        for (var i=0;i
利用image的data-Type，可以在js后台中知道是点击了哪个image,上传图片后再循环得出相等data-type的数据项进行赋值，这样就能动态给相应的标签赋值
addtaskimg 为统一的动态事件
主要代码如下
.wxml
 
      
      
          
          {{item.KeyValue}}
      
      
          {{item.Remark}}
      
      
          
            
      
    
.js
addtaskimg:function(e){   
  //添加选择图片  
  if (this.data.blongtap)
  {
   //处理如果是长按，则不再执行下面的
   this.setData({
    blongtap:false
   });
   return;
  }
  var that = this;
   wx.chooseImage({
    count:1, //默认1张
    success:function(res){
      //先上传至服务器，再返回路径供保存
      var temppaths=res.tempFilePaths[0];//+".jpg";
      wx.uploadFile({
       url:app.globalData.ghost+"YWTask/PutUploadFile?BillCode="+that.data.detail.BillCode+"&ID="+that.data.id,
       filePath:temppaths,
       name:'image',
       formData:{},
       success:function(res){
        //res.data返回的是一个字符串，需进行转换成objcet，wx不识别eval函数
        console.log(res.Data);
        var objurl= JSON.parse(res.data);
        //重置图片参数
        var temppostionlist=that.data.postionlist;
        for (var i=0;i
以上是“微信小程序中实现动态绑定数据及动态事件处理的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联网站建设公司行业资讯频道！
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
            

            网页名称：微信小程序中实现动态绑定数据及动态事件处理的示例分析-创新互联            

            本文网址：http://cdkjz.cn/article/dpijpp.html