监听pinia里面数据的变化实现数据变化的时候刷新

实现思路

获取pinia实例并且使用watch进行监听旧数据和新数据
当发生改变的时候修改isshow属性,使用nexttick
把要刷新的组件绑定v-if=”isshow“属性

代码

      <groupsitem v-if="isshow" style="width: 40vw;" />

import { selectedStoreHook, useselectedStore } from "@/store/modules/selected";
const store = useselectedStore();
const isshow = ref(true);
watch(() => store.siteid, (newValue, oldValue) => {
  // 在数据变化时执行其他行为
  console.log('数据发生变化');
  console.log('新值:', newValue);
  console.log('旧值:', oldValue);
  isshow.value = false;
  nextTick(() => {
    isshow.value = true;
  })
  // 在这里执行其他你想要的操作
});

你可能感兴趣的:(javascript,前端,vue.js)