夫子仰慕者
夫子仰慕者
  • 发布:2024-12-17 09:38
  • 更新:2024-12-17 09:38
  • 阅读:59

【报Bug】Pinia存储库不能写在自定义工具里面再去setup的页面调用

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: iOS14

HBuilderX类型: 正式

HBuilderX版本号: 4.36

手机系统: Android

手机系统版本号: Android 11

手机厂商: 华为

手机机型: 荣耀

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<script setup lang="ts">
import { ref } from "vue";
import { usePhotoDataListStore } from "@/store/photoStore";
const store = usePhotoDataListStore();
//import PhotoStoreUtils from "@/utils/storeUtils/PhotoStoreUtils";//只要把这段代码打开就白屏

const title = ref("Hello");

function addPiniaData() {
const time = new Date();
const item = {
_id: time.getTime(),
name: "Pinia",
} as PhotoItem;
store.saveOrUpdatePhotoItem(item);
}
function queryPiniaData() {
const photoDataList = store.getUploadPhotoDataList();
console.log("queryPiniaData===photoDataList=", photoDataList);
}
function deletePiniaData() {
store.clearPhotoItems();
console.log("deletePiniaData===deletePiniaData=");
}
</script>

操作步骤:

运行demo必现

预期结果:

可以给pinia做封装

实际结果:

封装后白屏

bug描述:

Pinia写的存储库,只能够直接在vue页面调用import { usePhotoDataListStore } from "@/store/photoStore";
const store = usePhotoDataListStore();
如果我写一个封装方法,再在vue中调用,就会白屏,只是引入封装的类也会白屏

2024-12-17 09:38 负责人:无 分享
已邀请:

要回复问题请先登录注册