vuex 相关问题

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

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

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

回答 6 投票 0

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

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

回答 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 &lt;template&gt; &lt;div class=&#34;test&#34; @click=&#34;a()&#34;&gt;test &lt;/test&gt; &lt;template&gt; &lt;script setup&gt; function a() { // logic b() } function b() { // logic // launch dispatch in simple action in vuex dispatch(&#39;actionA&#39;) } &lt;/script&gt; test.cy.js describe(&#39;ClientView.vue&#39;, () =&gt; { it(&#39;test&#39;, async () =&gt; { const store = createStore({ state() { return { varA: null, } }, actions: { actionA(context, newMessage) { return Promise.resolve() }, }, }) const mockRoute = createRouter({ history: createWebHistory(), routes: [] }) mockRoute.currentRoute.value.name = &#39;testUrl&#39; mockRoute.currentRoute.value.params = undefined const wrapper = mount(testView, { global: { mocks: { $route: mockRoute, }, plugins: [store, mockRoute] }, }) const spyA = cy.spy(wrapper.vm, &#39;a&#39;).as(&#39;a&#39;) const stubB = cy.stub(wrapper.vm, &#39;b&#39;).as(&#39;b&#39;) // i try (wrapper.vm.store.dispatch) but it&#39;s not working const actionVuexStub = cy.stub(wrapper.vm.store._modules.root.context,&#39;dispatch&#39;).withArgs(&#39;actionA&#39;).as(&#39;actionVuexStub&#39;) // simulate click and launch function a() // I see in my log, the function A, b and the action is called wrapper.find(&#39;test&#39;).trigger(&#39;click&#39;) 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, &#39;a&#39;).as(&#39;a&#39;) </code></pre> </answer> </body></html>

回答 0 投票 0

清除 Buefy 日期选择器

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

回答 1 投票 0

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

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

回答 3 投票 0

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

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

回答 2 投票 0

vuex 存储管理覆盖 ionic 中的表

代码:https://github.com/cbsmerveguel/ionicblank 大家好, 我对 vuejs 和带有 ionic 的 vuejs 非常陌生。我想尝试一下主从视图,其中在母版页上将显示一个表格...

回答 1 投票 0

故障排除:为什么我的函数没有进入 Try/Catch 块?

在使用 Vuex 时,我在向 API 发出 GET 请求的特定部分遇到了问题。尽管知道响应应该是 404 错误,但我的代码似乎并没有...

回答 1 投票 0

如何将配置文件导入Vue.JS+Vuex

我在调用 Vue 之前在 main.js 文件中设置配置: Vue.prototype.$api_url = process.env.NODE_ENV === '生产' ? 'https://api.xxx.com': 'https://yyy.test:8443' 如果我访问...

回答 2 投票 0

在 Vue3/Vue-test-utils 中测试 Vuex 减速器/突变

我正在迁移到Vue3,所以请原谅我不只使用Pinia。我有一个这样的减速器: 导出常量突变:MutationTree = { SET_LOADING:(状态,瞧...

回答 1 投票 0

Vuex:在商店中使用延迟承诺

我有多个 Vuex 模块,它们应该访问来自 API 的单个值(功能标志 bool)。我希望延迟加载此 API 值,即当

回答 1 投票 0

基于选择vuejs显示隐藏表格列

它应该是显示显示,基于复选框显示隐藏单击它不起作用。谁能帮忙看看错误在哪里? 一旦我们点击 ID,它应该隐藏 ID 列,如果我们首先点击它......

回答 2 投票 0

使用 vuex 跟踪上次访问页面

我有一个 vue 应用程序,我想用 vuex-persistentstate 以某种方式保存或记住上次访问的页面。我想要的是:我有 3 个页面,例如 A、B、C,所有三个页面都指向 D 页和 P...

回答 1 投票 0

vuejs3 路由问题,它没有显示 router-view 还是我在某个地方出错了?

我目前正在开发一个 Vue.js 项目,并面临导航方面的挑战。具体来说,我在从 ProjectTypeSection 导航到 InteriorDesignView 时遇到困难,并且

回答 1 投票 0

在vuejs中获取当前经纬度[关闭]

我想动态获取当前位置的纬度和经度。有没有任何插件或自定义代码可以做到这一点?

回答 1 投票 0

有没有办法将属性传递给 Vue JS 计算的 getter/setter?

我正在尝试使用计算属性将我的输入字段与 Vuex 存储绑定。 所以我有数据流,每个数据流都有特定的输入字段,它们不是固定的,而是由管理员管理...

回答 1 投票 0

onSucess 在 Vue 视图内但不在组件内时返回元数据参数未定义

我有一个用于 Plaid Link 的 vue 组件,它调用我的 Vuex 存储中名为 onSuccess 的函数/操作,该函数/操作应该调用我的后端 API 以将公共令牌交换为访问令牌并发送...

回答 1 投票 0

为什么会出现“不允许不规则空格”的错误以及如何解决?

我有标记两个标记,如下代码所示,然后我运行后得到“错误不规则空白不允许无不规则空白”。 我该如何修复? <... 我有 <p> 标记两个标签,如下代码所示,然后我运行后得到 "error Irregular whitespace not allowed no-irregular-whitespace"。 我该如何修复? <div> <p>Ankjjdhd asas a sds qwe vsdf fsf ewth lioy nfhfgh</p> <p>sdfsdf ytjyj rtyrty ddgf gsdfgsf ​​in asdsadbfd</p> </div> 这是一个 Eslint 错误,可以通过在 Eslint 插件配置文件中添加 "extends": "eslint:recommended" 行来修复。 这里是Eslint官方网页错误页面的链接。

回答 1 投票 0

状态管理中的操作应该直接修改状态吗?

我正在使用 pinia 和 vue3,但这个问题适用于所有状态管理结构。 在操作中,我应该返回结果然后覆盖(或变异)状态还是直接修改状态作为侧面-

回答 1 投票 0

如何在Vue3和Vite中正确设置加载屏幕?

我想在应用程序加载时设置一个加载屏幕。我目前正在使用 Loading 组件并将其时间间隔设置为 2 秒。然而,这不是设置加载屏幕的正确方法...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.