2018-12-19 用vue写了一个简单的实时搜索

尝试写个search,看看能不能写下来。

思路:1.input 通过v-model绑定。2.通过watch检测输入结果变化。3根据结果变化从api调用不同的数据。

写出来了。

```

<div id="app">

搜索:<input v-model='search'/> </br>

{{result}}

</div><script>

var vm = new Vue({

el:'#app',

data:{

search:'',

result:''

},

watch: {

  search:function (val, oldVal) {

    // console.log('new: %s, old: %s', val, oldVal);

var _self=this;

axios.get('http://localhost/d/apisearch.php?info='+val).then(function(response){

// console.log(response);

_self.result=response.data

})

    }

  }

})

</script>

```

一直在纠结哪里用逗号,哪里用分号,哪里用等号。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • mean to add the formatted="false" attribute?.[ 46% 47325/...
    ProZoom阅读 8,008评论 0 3
  • 前言 最先接触编程的知识是在大学里面,大学里面学了一些基础的知识,c语言,java语言,单片机的汇编语言等;大学毕...
    oceanfive阅读 8,509评论 0 7
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,261评论 0 2
  • 这是我第一次写简书,说实在的我寻找了好久,想找一个能够在这个喧嚣的城市中安静的写一些文字的东西,城市中到处都是行...
    暗夜使者da阅读 1,409评论 0 0
  • 最近一段时间的自己反复无常,在反省上面遇到瓶颈,内心有一个对立的东西在抵触。我知道这个后面有我要找的答案...
    李键成阅读 1,832评论 2 8

友情链接更多精彩内容