写一个wxml两个for循环显示

可以使用嵌套的两个 `block` 标签来实现双重循环，如下所示：

<block wx:for="{{list1}}" wx:key="index1">
  <block wx:for="{{list2}}" wx:key="index2">
    <view>{{index1}} - {{index2}}: {{item2}}</view>
  </block>
</block>

其中，`list1` 和 `list2` 分别是要遍历的两个数组，`item2` 是第二个数组中的每个元素，`index1` 和 `index2` 分别是两个循环的索引值。

你可以根据实际需求更改标签和变量名。

相关问题

form subimit 获取 wxml中for循环定义的input数据

在wxml中使用for循环定义的input数据，可以通过以下步骤来获取form submit时的数据：

1. 在wxml中，使用for循环来渲染多个input组件，每个input组件需要绑定一个唯一的name属性，以便在提交表单时能够区分不同的input数据。

示例代码：

<view wx:for="{{items}}" wx:key="index">
  <input name="{{'input-' + index}}" bindinput="handleInput" />
</view>
<button bindtap="handleSubmit">提交</button>

2. 在对应的Page或Component的JavaScript文件中，定义handleInput和handleSubmit两个函数。

- handleInput函数用于监听input组件的输入事件，将输入的值保存到对应的数据对象中。

示例代码：

data: {
  items: ['A', 'B', 'C'],
  formData: {}
},
handleInput(e) {
  const name = e.currentTarget.dataset.name;
  const value = e.detail.value;
  this.setData({
    [`formData.${name}`]: value
  });
},

- handleSubmit函数用于在form提交时获取所有input数据，可以通过formData对象来获取。

示例代码：

handleSubmit() {
  const formData = this.data.formData;
  console.log(formData); // 可以在控制台打印formData来查看获取到的数据
  // 在这里可以进行后续的处理操作
},

这样，当点击提交按钮时，会打印出所有input数据。你可以根据需求进行进一步的处理操作。

用微信小程序写一个收货地址和新增地址功能

首先，我们需要创建两个页面，一个是展示收货地址的页面，一个是新增收货地址的页面。

在展示收货地址的页面，我们可以使用 `wx.request` 方法从后端获取用户的收货地址列表，然后通过 `wx:for` 和 `block` 标签进行渲染。

<!-- pages/addressList/addressList.wxml -->
<view class="container">
  <!-- 循环渲染用户的收货地址列表 -->
  <block wx:for="{{addressList}}" wx:key="index">
    <view class="address-item">
      <view class="address-info">
        <text class="name">{{item.name}}</text>
        <text class="phone">{{item.phone}}</text>
      </view>
      <view class="address-detail">{{item.detail}}</view>
    </view>
  </block>
</view>

在 .js 文件中，我们需要定义 `data` 对象用来存储用户的收货地址列表，并在 `onLoad` 方法中调用后端接口获取地址列表。

// pages/addressList/addressList.js
Page({
  data: {
    addressList: []
  },
  onLoad: function() {
    // 调用后端接口获取用户的收货地址列表
    wx.request({
      url: 'https://example.com/api/address/list',
      success: res => {
        this.setData({
          addressList: res.data
        })
      }
    })
  }
})

在新增收货地址的页面，我们可以使用 `form` 表单和 `input` 标签来让用户输入收货地址信息，然后在提交表单时调用后端接口保存收货地址。

<!-- pages/addAddress/addAddress.wxml -->
<view class="container">
  <form bindsubmit="handleSubmit">
    <view class="form-item">
      <label class="label">收货人姓名</label>
      <input name="name" class="input" placeholder="请输入收货人姓名" required />
    </view>
    <view class="form-item">
      <label class="label">联系电话</label>
      <input name="phone" class="input" placeholder="请输入联系电话" type="number" required />
    </view>
    <view class="form-item">
      <label class="label">收货地址</label>
      <input name="detail" class="input" placeholder="请输入收货地址" required />
    </view>
    <button class="btn-submit" form-type="submit">保存</button>
  </form>
</view>

在 .js 文件中，我们需要定义 `handleSubmit` 方法来处理表单提交事件，并在该方法中调用后端接口保存收货地址。

// pages/addAddress/addAddress.js
Page({
  handleSubmit: function(e) {
    const formData = e.detail.value
    // 调用后端接口保存收货地址
    wx.request({
      url: 'https://example.com/api/address/save',
      method: 'POST',
      data: formData,
      success: res => {
        wx.showToast({
          title: '保存成功',
          icon: 'success'
        })
        setTimeout(() => {
          wx.navigateBack()
        }, 1500)
      }
    })
  }
})

最后，在 app.json 文件中定义页面路径和页面标题。

{
  "pages": [
    {
      "path": "pages/addressList/addressList",
      "name": "addressList",
      "navigationBarTitleText": "收货地址"
    },
    {
      "path": "pages/addAddress/addAddress",
      "name": "addAddress",
      "navigationBarTitleText": "新增收货地址"
    }
  ]
}

这样，我们就完成了一个简单的收货地址展示和新增功能。需要注意的是，该代码只是示例代码，并不能直接运行，需要根据自己的实际情况进行修改。