上面的代码中如何动态修改activeIndex的值,比如点击按钮时+1

要在点击按钮时动态修改`activeIndex`的值，您可以在按钮的点击事件处理函数中使用`this.activeIndex += 1`来增加`activeIndex`的值。以下是一个示例代码：

<template>
  <div>
    <van-steps direction="vertical" :active="activeIndex">
      <van-step>
        <h3>【城市】物流状态1</h3>
        <p>2016-07-12 12:40</p>
      </van-step>
      <van-step>
        <h3>【城市】物流状态2</h3>
        <p>2016-07-11 10:00</p>
      </van-step>
      <van-step>
        <h3>快件已发货</h3>
        <p>2016-07-10 09:30</p>
      </van-step>
    </van-steps>

    <button @click="updateActiveIndex">增加 activeIndex</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: 0
    };
  },
  methods: {
    updateActiveIndex() {
      this.activeIndex += 1;
    }
  }
};
</script>

在上面的代码中，我们为按钮添加了一个点击事件处理函数`updateActiveIndex`。当按钮被点击时，`updateActiveIndex`会将`activeIndex`的值增加1。这样，每次点击按钮，都会使`activeIndex`的值增加，从而动态改变`active`属性的值，实现步骤的切换效果。