vue实现点击button按钮查询

在 Vue 中，你可以使用 @click 绑定来绑定一个方法到按钮的点击事件上。

例如，假设你已经在组件中声明了一个名为 "search" 的方法，你可以在按钮元素上使用 @click 绑定来调用该方法：

<template>
  <button @click="search">查询</button>
</template>

<script>
export default {
  methods: {
    search() {
      // 在这里实现你的查询逻辑
    }
  }
}
</script>

注意：Vue 使用 "kebab-case" 的语法来绑定事件，因此 @click 将会被编译成 v-on:click。

如果你想要在查询时带上一些参数，你可以在方法中传入参数，并在绑定中使用方法调用语法来调用该方法，例如：

<template>
  <button @click="search('hello')">查询</button>
</template>

<script>
export default {
  methods: {
    search(param) {
      // 在这里使用传入的参数 param 进行查询
    }
  }
}
</script>

当然，你也可以使用模板语法来传递参数，例如：

<template>
  <button @click="search(param)">查询</button>
</template>

<script>
export default {
  data() {
    return {
      param: 'hello'
    }
  },
  methods: {
    search(param) {
      // 在这里使用传入的参数 param 进行查询
    }
  }
}
</script>

希望这些信息能帮助到你。