如何调用Pinia商店的动作？

Question

如何在VUE 3组件中从Pinia商店调用动作？ 我使用构图API。 例如，我想导入“ openlessoncard” - 这是Pinia商店中的动作。 但是这种导入方法不起作用。

<script setup>
import { openLessonCard } from '../../stores/lessonsN.js';
import { ref, computed } from 'vue'


defineProps({
  data: {
    type: Object,
    required: true,
  },
  nocollapse: {
  type: Boolean,
  },
});

const reviewLevel = computed(() => {
  return Object.values(this.data.criteria).filter((i) => i === true).length;
})

async function editReviews(id, text, a, b, c, d, e) {
  let review = await this.$api.call("reviews.edit", {
    id,
    text,
    a,
    b,
    c,
    d,
    e,
  });
  this.$Message("ok");
}

Answer 1

您需要创建一个商店实例并调用操作

 const store = useLessonsNStore()

 store.openLessonCard()

Answer 2

请记住，“动作相当于组件中的方法”（Pinia文档）。

您在示例代码中使用＆lt; script设置＆gt;。

然后，在您的组件中...

1. 正常导入商店：

import { useLessonsNStore } from '../../stores/lessonsN';

2. 获取商店的实例：

const lessonsN = useLessonsNStore();

3. 像方法一样调用操作

lessonsN.openLessonCard();

更多信息：在此处输入链接描述