我有2个兄弟Vue组件,我通过总线向根发送他们的数据。但我不知道如何在组件中使用该总线数据。
以下是根目录中捕获的总线数据。
bus.$on("send-topic", selectedTopic => this.selectedTopic = selectedTopic);
如何在下面的示例中使用它来替换topic_id。这也是一个对象,所以我需要深入到ID属性。像selectedTopic['id']
组件示例
<script>
import Multiselect from 'vue-multiselect'
export default {
components: { Multiselect },
props: ['value', 'api-url', 'api-token'],
data () {
return {
internalValue: this.value,
options: []
}
},
mounted(){
axios.get( this.apiUrl + '/questions/businesses', {
params: {
topic_id: 1, // This is where I need to use it //
keywords: ['kitchen', 'paint']
},
headers: {
'api-token': this.apiToken
}
}).then(response => this.options = response.data);
}
</script>