在写一个小小评论展示页面的时候,分为了评论显示组件和按钮组件。但是遇到了点击按钮组件时,评论数据无法刷新的问题。
方法一:
将两个组件写为兄弟组件
点击按钮组件时,this.$emit()触发父组件函数chagePage(),将修改的页数值传递给父组件,在chagePage()函数中链接数据库,将返回的数值传递给显示评论组件。
方法二
将两个组件写为父子组件
评论显示组件为按钮组件的父组件,this.emit()触发父组件链接数据库函数并传递页数值。
方法三
watch:{},
利用props,$emit(),传递参数。将按钮页数值转递给父元素,再由父元素传递给按钮组件。
但是这样,在评论组件中连接后台的数据是无法刷新的,
watch:{
page:function(){
//调用连接数据库函数
}
}
watch监听页数值page的变化,page改变执行函数。