vuex 相关问题

Vuex是Vue.js的Flux灵感应用程序架构。

Vuex 与 TypeScript 映射函数

我的状态（游戏命名空间）有一个接口，如下所示：接口游戏状态{ 选定的选项卡：数字；超时：数量；小吃栏：布尔值；文本：字符串；完成任务：nu...

typescript vue.js vuejs2 vuex typescript4.0

回答 5 投票 0

Vue2 在扩展表 vuetify 中看不到对象的更新

我在 Vue2 中遇到反应性问题我在 Vuex 中有一个对象数组，这些对象显示在 v-data-table 中，在每个对象内部我有一个数组，当行展开时，该数组填充了数据，我...

javascript vuejs2 vuetify.js vuex vuetify2

回答 1 投票 0

Vue 接收到一个组件，该组件被制成响应式对象

我需要解决的问题：我正在编写一个基于VueJS3的小vue-app。我有很多不同的侧边栏，我需要防止同时打开多个侧边栏的情况...

vue.js vue-component vuex vuejs3

回答 2 投票 0

实现 if 语句逻辑时，表单提交按钮不起作用

我试图通过简单的空字符串输入验证来实现提交按钮逻辑，但是单击按钮后整个窗口变得空了。在符合if语句的同时，一个块ne...

vue.js validation vuex pinia

回答 1 投票 0

Vue 存储状态可以在模板中访问，但不能在脚本中访问

如果我访问模板中的商店道具，那么它就可以工作，它总是会正确更新。但如果我在标签内访问相同的 prop，它就永远不会更新。我只看到初始值。示例...</desc> <question vote="0"> <p>如果我访问模板中的商店道具，那么它就会起作用，它总是会正确更新。</p> <p>但是如果我在 <pre><code><script></code></pre> 标签内访问相同的 prop，它就永远不会更新。我只看到初始值。</p> <p>示例：</p> <pre><code><template> {{ $store.state.boo }} <template> <script setup> const store = useStore(); const { boo } = store.getters; console.log(boo); // <- never changes (always the initial value) </script> </code></pre> <p>我尝试了<pre><code>const { boo } = store.state</code></pre>，同样的情况发生了。</p> <p>为什么脚本中的道具没有更新？</p> </question> <answer tick="false" vote="0"> <p>使用<pre><code>storeToRefs</code></pre></p> <pre><code>import { storeToRefs } from 'pinia' const store = useStore(); const { boo } = storeToRefs(store); </code></pre> </answer> </body></html>

vuejs3 vuex vue-reactivity

回答 0 投票 0

如何从 javascript/typescript 模块文件（导入/导出）访问 Vuex 存储？

我有一个vue应用程序。如何从 javascript/typescript 模块文件（导入/导出）访问商店？例如，我创建了导出状态、操作、突变的 auth-module。导出常量...

javascript typescript vue.js vue-component vuex

回答 2 投票 0

导航时保留上一页中的过滤器值

这看起来是一件非常简单的事情，但由于某种原因我找不到关于如何做到这一点的明确答案。我有 2 个页面：用户页面，其中包含 v-data-

vuejs2 vuex

回答 1 投票 0

如何使用nuxt js将字体嵌入到所有页面

我只是将谷歌字体嵌入到 nuxt.config.js 中的全局设置中关联： [ { rel: '样式表', href: 'https://fonts.googleapis.com/css?family=Roboto' } ] 但如何将此字体应用到电子...

vue.js vuex nuxt.js

回答 6 投票 0

分派的操作会自动返回 html 响应，但手动运行时会返回 JSON 响应

我有一个名为 fetchUserPermissions 的操作，它通过 axios 从 api 端点返回权限集。此操作是通过另一个名为 init 的操作运行的，该操作会自动运行...

javascript vue.js vuex

回答 1 投票 0

如何在组件 vue3 组合 api 中监视/存根函数并存根动作 Vuex

我的堆栈：柏 @vue/测试实用程序组合 api 中 vue3 中的组件 () 我的测试，我想监视组件内的方法，并监视</desc>中方法内的动作 vuex <question vote="0"> <p>我的堆栈：</p> <ol> <li><p>柏树</p> </li> <li><p>@vue/test-utils</p> </li> <li><p>组合 API 中的 vue3 组件 (<script setup />)</p> </li> </ol> <p>我的测试，我想监视组件内的方法，并监视组件中方法内的 vuex 操作。</p> <p>我的组件</p> <pre><code>testView.vue <template> <div class="test" @click="a()">test </test> <template> <script setup> function a() { // logic b() } function b() { // logic // launch dispatch in simple action in vuex dispatch('actionA') } </script> test.cy.js describe('ClientView.vue', () => { it('test', async () => { const store = createStore({ state() { return { varA: null, } }, actions: { actionA(context, newMessage) { return Promise.resolve() }, }, }) const mockRoute = createRouter({ history: createWebHistory(), routes: [] }) mockRoute.currentRoute.value.name = 'testUrl' mockRoute.currentRoute.value.params = undefined const wrapper = mount(testView, { global: { mocks: { $route: mockRoute, }, plugins: [store, mockRoute] }, }) const spyA = cy.spy(wrapper.vm, 'a').as('a') const stubB = cy.stub(wrapper.vm, 'b').as('b') // i try (wrapper.vm.store.dispatch) but it's not working const actionVuexStub = cy.stub(wrapper.vm.store._modules.root.context,'dispatch').withArgs('actionA').as('actionVuexStub') // simulate click and launch function a() // I see in my log, the function A, b and the action is called wrapper.find('test').trigger('click') expect(spyA ).to.be.called expect(stubB ).to.be.called expect(actionVuexStub ).to.be.called }) }) </code></pre> <p>我的错误</p> <pre><code>expected spyA to have been called at least once, but it was never called expected stubB to have been called at least once, but it was never called expected actionVuexStub to have been called at least once, but it was never called </code></pre> <p>我对我的间谍和存根的声明不正确？我不明白为什么<br/> 感谢您的帮助</p> </question> <answer tick="false" vote="0"> <p>间谍代码是正确的，应该在<pre><code>// simulate click and launch function a()</code></pre>之后工作，因此如上所述，虚拟机可能不保存对函数的引用。</p> <p>您可以使用 <pre><code>console.log(wrapper.vm.a)</code></pre> 轻松检查是否是这样，您的间谍不应该 <pre><code>undefined</code></pre> 工作。</p> <p>如果是 <pre><code>undefined</code></pre>，您可以通过将内部函数暴露在 <pre><code>window</code></pre> 对象上来监视内部函数。</p> <p>类似这样的：</p> <pre><code>// component if (window.Cypress) { window.a = a } ... // test const spyA = cy.spy(window, 'a').as('a') </code></pre> </answer> </body></html>

vuejs3 cypress vuex vue-test-utils

回答 0 投票 0

清除 Buefy 日期选择器

我有一个从我的beufy日期选择器获得的有价值的deliveryDate。我连接了一个清晰的按钮，单击该按钮时应将日期更改为空，这样就不会选择任何日期。问题与...

javascript vue.js vuex prop buefy

回答 1 投票 0

Vue.js 像 CSS 媒体查询一样获取屏幕大小

我现在使用的获取屏幕尺寸的方法是：导出常量状态 = () => ({ 设备类型：window.innerWidth <= 600 ? 'mobile' : 'desktop', }) export const getters =...

vue.js vuex vue-composition-api

回答 3 投票 0

如何添加对表格进行编号的列？

我将数据表与vuetify一起使用，您可以在下图中看到我想要的最终结果。只需在左侧添加一列即可。我使用 vuetify 的 data-table，你可以在...