vue computed属性实现input实时搜索，边输入边搜索功能

能c能v

于 2019-11-13 12:51:30 发布

阅读量3.7k

点赞数 3

分类专栏： vue.js 原创

本文链接：https://blog.youkuaiyun.com/qq_43391160/article/details/103046975

版权

51 篇文章

订阅专栏

18 篇文章

订阅专栏

本文介绍在Vue.js中如何结合使用computed属性和axios进行数据处理。通过将输入框的值绑定到v-model，利用computed属性实现数据的动态获取与更新。具体展示了如何在computed属性的函数中调用axios请求方法，以及如何将获取到的数据返回并显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.主要涉及computed属性

这是模板内容，在input绑定一个v-model，提供参考

声明一个计算属性computed，将changeValue 绑定到input上，其中getValue()为axios 请求方法。里面接收来自input框的值

也就是我们绑定的v-model=“input”，值为this.input。

computed: {
      changeValue: function(e) {
        // let value = this.input
        this.getValue(this.input)
        return this.input
      }

提交数据，value就是我们获取的input值（this.input）

大概就是这样

vue computed属性 实现input实时搜索，边输入边搜索功能