概述
组件中使用接受queryParams参数
export default {
...
//组件传递queryParams
props: {
queryParams:{
type: Object
}
},
...
watch: {
//监听queryParams的值如果改变，重新请求list
queryParams: {
handler(val) {
let that = this
getList(this.queryParams).then((response) => {
that.data = response.data
})
},
deep: true,
},
}
...
父页面传入queryParams参数
...
data() {
return {
queryParams:{}
}
}
...
//在change事件中修改queryParams的值
change(val){
this.queryParams = {id:val.id}
}
...最后
以上就是飞快太阳为你收集整理的2022-03-24 vue监听值改变的全部内容，希望文章能够帮你解决2022-03-24 vue监听值改变所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复