AppTopbar.vue
<Dropdown v-model="selected" :options="storesLists" @change="onChange"
optionLabel="name" :filter="true" />
onChange(event) {
console.log(event.value.value);
localStorage.setItem('shopid');
}
},
Products.vue
import { useLayout } from '@/layout/composables/layout';
<template>
</template>
AppTopbar是所有页面的通用布局。当我单击onchange AppTopbar. vue时,它只影响AppTopbar页面。但我希望如果onchange AppTopbar. vue触发Products.vue,则所有页面也会受到影响
如何解决呢?
1条答案
按热度按时间vwhgwdsa1#
使用商店:https://pinia.vuejs.org/
在存储区中设置该值,它就可以在任何地方使用。