当我在v-for循环中传递给函数parametr( id )时，它会将相同的id传递给每个函数。如何解决？

<template>
  <div>
    <div v-for="item in items" :key="item.id">
      <button @click="createFunction(item.id)">Button</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1 },
        { id: 2 },
        { id: 3 }
      ]
    };
  },
  methods: {
    createFunction(id) {
      return () => {
        this.parametr(id);
      };
    },
    parametr(id) {
      // 处理函数逻辑
    }
  }
};
</script>

<template>
  <div>
    <div v-for="item in items" :key="item.id">
      <button :click="parametr.bind(null, item.id)">Button</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1 },
        { id: 2 },
        { id: 3 }
      ]
    };
  },
  methods: {
    parametr(id) {
      // 处理函数逻辑
    }
  }
};
</script>