vue 使用watch监听实现类似百度搜索功能
时间 :2019-7-19 分类: Vue 评论: [ 0 ] 条 浏览: [ 421 ] 次
watch监听方法,watch可以监听多个变量,具体使用方法看代码:
HTML:
vue.js 使用watch监听实现类似百度搜索功能{{result}}
var app = new Vue({ //实例化vue
el:'#ask',//vue控制id为ask的元素,
//watch 可以监听多个变量
watch:{
//监听word变量
word:function (newV,oldV) {
console.log('旧值:'+oldV+'=======>新值:'+newV);
//这里可以写异步请求我用的是axios
axios.get('Api.php?word='+newV).then(function (res) {
console.log(res,'这是异步返回的值');
//这里写异步得到值之后的动作
app.result=res.data;
});
}
},
data:{
word:'',
result:''
}
});
PHP:
echo '获得的值是:'.$_GET['word'];
效果:
赞0
踩0
发表评论:
昵称
邮件地址 (选填)
个人主页 (选填)