川酒厄 2021-09-14 21:08 采纳率: 65%
浏览 182
已结题

微信小程序二层for循环input输入框的时候,如何以一定格式获取所有输入进的数据?

我是大二初学者,遇到一个问题,代码如下:
js:

const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    list: [1],
  },

  onLoad() {},

  // 减号键
  minus(e) {
    var list = this.data.list;
    var i = e.currentTarget.dataset.index
    if (list[i] > 0) {
      list[i]--;
      this.setData({
        list
      })
    }
  },

  // 加号键
  plus(e) {
    var list = this.data.list;
    var i = e.currentTarget.dataset.index
    if (list[i] < 5) {
      list[i]++
      this.setData({
        list
      })
    }
  },

  // 增减函数
  numIpt(e) {
    return Math.max(0, Math.min(e.detail.value, 5))
  },
  numBlur(e) {
    console.log(e)
    this.setData({
      ["list[" + e.currentTarget.dataset.index + "]"]: Number(e.detail.value)
    })
  },

  // 添加位置栏
  add(e) {
    var list = this.data.list
    list.push(0)
    this.setData({
      list
    })
  },

  // 删除位置栏
  del(e) {
    var list = this.data.list
    list.pop(0)
    this.setData({
      list
    })
  },

  // 提交和跳转按钮
  formSubmit: function (e) {
    // console.log(cate)
    console.log(e.detail.value.WeiZhi)
    console.log(e.detail.value)
    wx.navigateTo({
      url: '/pages/data/opinion'
    })
  },
})

wxml:

<form catchsubmit="formSubmit">
<view wx:for="{{list}}" wx:for-item="weizhi" wx:for-index="wz" wx:key="wzhi">
  <view class="title-vw">
    <button size="mini" data-index="{{wz}}" catchtap="minus">-</button>
    <input class="num-ipt" value="{{weizhi}}" data-index="{{wz}}" type="number" bindinput="numIpt" bindblur="numBlur" />
    <button size="mini" data-index="{{wz}}" catchtap="plus">+</button>
    <view style="flex-grow: 1;padding: 0 30rpx;">{{wz+1}}</view>
  </view>

    <input placeholder="输入位置" bindconfirm="NextInput" name="WeiZhi{{wz}}"></input>

  <view wx:for="{{weizhi}}" wx:for-item="xijie" wx:for-index="xj" wx:key="xjie">
    <text>————————————————————</text>
    <input placeholder="分项" bindconfirm="NextInput" name="FenXiang"></input>
    <input placeholder="所用材料" bindconfirm="NextInput" name="CaiLiao"></input>
    <input placeholder="所用数量" bindconfirm="NextInput" name="ShuLiang"></input>
    <input placeholder="高度" bindconfirm="NextInput" name="Height"></input>
    <input placeholder="宽度" bindconfirm="NextInput" name="Weight"></input>
  </view>
</view>
<button type="primary" catchtap="add">添加</button>
<button catchtap="del">删除</button>
<button formType="submit">下一步</button>
</form>

界面是这样的:

img


我想获取类似这样的数据:“位置1:卧室 分项1:床头柜,用料1:木头,数量1,宽:123,高:456 分项2:衣柜,”

我在网上搜索不到类似的资料,因为实在是确实不明白怎么写,希望各位可以赐教,不胜ganji

  • 写回答

3条回答 默认 最新

  • asinowant 2021-09-17 07:01
    关注

    [{"position":"","items":[{"木头",1,123,456},{"衣柜"}]}]

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 10月3日
  • 已采纳回答 9月25日
  • 创建了问题 9月14日

悬赏问题

  • ¥15 从键盘输入不管多少字符或者数组 输出的时候先提示输出再显示结果 输出的时候字符间间隔一个空格符
  • ¥30 频率分析法分析绘制奈奎斯特图、波特图
  • ¥15 弹出来一万个系统找不到指定的文件框框,怎么解决
  • ¥15 ADS生成的微带线为什么是蓝色空心的
  • ¥15 求一下解题思路,完全不懂
  • ¥15 tensorflow
  • ¥15 densenet网络结构中,特征以cat方式复用后是怎么进行误差回传的
  • ¥15 STM32G471芯片spi设置了8位,总是发送16位
  • ¥15 R语言并行计算beta-NTI中tree文件的类型
  • ¥15 如何解读marsbar导出的ROI数据?