公共布局页面触发所有页面vue 3

rqqzpn5f 于 2023-01-14 发布在 Vue.js

关注(0)|答案(1)|浏览(134)

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条答案

使用商店：https://pinia.vuejs.org/
在存储区中设置该值，它就可以在任何地方使用。