vue获取数据后给data赋值,页面不刷新的问题

易车三期的项目中,左侧导航,右侧表格的布局。

点击表格行,跳转到另一个路由模块,等于说左侧导航不变,右侧内容变化,就是路由发生了变化。

一开始我用的是不同的.vue文件之间传值的方法,就是定义一个公共的Bus.js文件,用来充当中间的桥梁,利用 $emit 发送数据,$on 接收数据。调用接口的函数getData定义在methids中,调用函数 getData()定义在created中。而且 getData()函数的调用是在 $on 接收到数据之后的回调函数里面,接口获取到数据然后给 data 中的数据赋值,页面不刷新

此问题卡了好几个小时。不管用什么方法,Vue.set( ),push改变数据,还是强制刷新,,都不行。

最后没有用 Bus.js 充当中间桥梁,用的是路由之间的传值。 getData()的调用不在 $on 的回调函数里面。直接赋值给data里面的数据,竟然生效了。

暂时不知道是什么原因,以此记录一下。

猜你喜欢

转载自www.cnblogs.com/smile-fanyin/p/12359185.html