vue里面head组件切换下拉框,当前页面刷新数据

我做了一个head的组件,上面有个下拉框,放在了当前的vue文件上,当我切换下拉框的时候,刷新当前页数据,如果不用vuex做的话,该怎么做?请各位大神解答~~

你的需求目的就是要保证实时页面数据的实时响应,只要切换下拉框的数据能触发更新当前页的数据都能满足你的需求

当然首选是vuex,如果不想用这种机制的话,可以使用子传父的方式,利用让子组件订阅父组件的更新方法,这样就可以达到你的目的。希望我已准确理解你的需求意图!

看一下event bus吧
https://cn.vuejs.org/v2/guide/migration.html#events-%E9%80%89%E9%A1%B9-%E7%A7%BB%E9%99%A4
当然,最好的方式还是vuex

首先,下拉框的父体(div或者button等等)设置position:relative;下拉框设置position:absolute;top和left自己设置。然后,父体添加点击事件,绑定某函数,比如@click="show",在该函数控制一个参数进行变化,比如this.isShow = !this.isShow,下拉框用v-show='isShow'来控制下拉框的显示与否。在此基本实现了下拉框,下拉框中每一项添加事件,并绑定函数,在函数中调用网络请求来刷新页面数据,望采纳

自己解决了,感谢各位!