美文网首页
2018-12-19 用vue写了一个简单的实时搜索

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

作者: 庚_ | 来源:发表于2018-12-19 15:51 被阅读0次

    尝试写个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>

    ```

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

    相关文章

      网友评论

          本文标题:2018-12-19 用vue写了一个简单的实时搜索

          本文链接:https://www.haomeiwen.com/subject/yprjkqtx.html