Vue.js 点击按钮传递 v-model 值：示例与指南

在 Vue.js 中，可以通过事件绑定和方法来实现点击按钮后将 v-model 的值作为参数传递。

首先，在模板中定义一个按钮，并使用 v-on 指令绑定点击事件，同时使用 v-model 指令绑定要传递的值：

<template>
  <div>
    <input type='text' v-model='inputValue'>
    <button @click='handleClick(inputValue)'>点击按钮</button>
  </div>
</template>

然后，在 methods 中定义一个 handleClick 方法，该方法接收一个参数，并在点击按钮时调用该方法：

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleClick(value) {
      // 使用传递的值进行逻辑处理
      console.log(value);
    }
  }
}
</script>

当点击按钮时，handleClick 方法将会被调用，并将 inputValue 作为参数传递给该方法。你可以根据需要，在 handleClick 方法中对传递的参数进行逻辑处理。