微信小程序数组绑定使用案例（一）

原创

于 2024-07-20 15:12:49 发布 · 835 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

微信小程序数组绑定案例，修改数组中的值

1.Wxml 代码

<view class="list">
  <view class="item {
  
  {item.ischeck?'active':''}}" wx:for="{
  
  {list}}">
    <view class="title">{
  
  {item.name}} <text>({
  
  {item.id}})</text></view>
    <view class="btndiv">
      <button>上移动</button>
      <button bind:tap="downClick" data-index="{
  
  {index}}">下移动</button>
      <button bind:tap="delClick" data-index="{
  
  {index}}">删除</button>
      <checkbox checked="{
  
  {item.ischeck}}" bind:tap="checkClick" data-index="{
  
  {index}}">选中</checkbox>
    </view>
  </view>
</view>

2.js 代码

Page({

  /**
   * 页面的初始数据
   */
  data: {
    list: [{
        id: 1,
        name: '张三',
        ischeck: true
      },
      {
        id: 2,
        name: '李四'