vue中如何一个按钮绑定多个v-model

在 Vue 中，一个元素只能绑定一个 v-model，但你可以通过绑定一个自定义的事件来实现一个按钮绑定多个 v-model。

首先，你需要在 Vue 实例中定义多个数据属性，分别对应不同的 v-model。然后，你可以在按钮上绑定 click 事件，并在事件处理函数中为这些数据属性赋值。最后，在模板中分别使用这些数据属性来绑定不同的 v-model。

以下是一个示例：

<template>
  <div>
    <button @click="handleClick1">Button 1</button>
    <button @click="handleClick2">Button 2</button>
    <input v-model="value1">
    <input v-model="value2">
  </div>
</template>

<script>
export default {
  data() {
    return {
      value1: '',
      value2: ''
    }
  },
  methods: {
    handleClick1() {
      this.value1 = 'Button 1 clicked'
    },
    handleClick2() {
      this.value2 = 'Button 2 clicked'
    }
  }
}
</script>

在上述示例中，我们定义了两个数据属性 `value1` 和 `value2`，分别对应两个 input 的 v-model。我们在按钮上绑定了 click 事件，并在事件处理函数中为这些数据属性赋值。最后，在模板中我们使用这些数据属性来绑定不同的 v-model。