vuex 相关问题

尝试用 Ionic 将 Vue 网络应用程序转换为移动应用程序？

我有一个用 Vue+Vuex 编写的复杂 Web 应用程序，我正准备将其转换为移动应用程序。 Ionic 听起来是个合乎逻辑的选择，对吧？有没有我应该注意的警告/严重缺点......

我怎样才能让我的单选按钮成为必需的？

我希望此单选按钮以必须选择其中一个选项的方式工作。 我希望此单选按钮以必须选择其中一个选项的方式工作。 <v-col cols="12" class="pt-0 py-0 d-flex align-center"> <v-radio-group v-model="modulesData.fatality" column :disabled="!editionStatus || !hasPermissionTo('incident')"> <label class="py-1 input-field__label_1 d-flex align-center pt-auto mx-0"> Was there a fatality associated with the incident?</label> <v-radio label="Yes" :value="true" ></v-radio> <v-radio label="No" :value="false" ></v-radio> </v-radio-group> </v-col> 我希望找到必须选择其中一个框的解决方案。 验证是通过 <radio-group> 上的 rules 道具完成的。大多数表单组件共享相同类型的验证，您将在 v-form 文档页面上找到更多关于规则验证的文档 <v-radio-group v-model="modulesData.fatality" column :rules="[v => v !== null || 'Field required']" > <label class="py-1 input-field__label_1 d-flex align-center pt-auto mx-0"> Was there a fatality associated with the incident? </label> <v-radio label="Yes" :value="true"></v-radio> <v-radio label="No" :value="false"></v-radio> </v-radio-group> 如果您的单选选项使用真/假值，您需要确保 modulesData.fatality 的初始值都不是（例如 null 或 undefined）

vuecli打印表头和表时表过长导致分页，如何让表头保持在下一页？

我需要使用vuecli打印表头和表格，但是当表格太长时，会导致分页。我需要在有分页符的时候把页眉带到第二页。

Vuex 和 Redux 文档将箭头函数显示为对象方法

我在 vuex 文档和 redux 中看到过很多次使用箭头函数作为对象方法，但我不明白为什么。为什么不使用常规对象方法，因为商店是一个对象...

vuex和Pinia有什么区别？

我在使用 vuex 实现的 Vue 项目中工作，我想知道与 pinia 的区别是什么，哪些是彼此的优点和/或缺点。 谢谢。

VUEJS vuex 无法显示 API 在下拉导航项上获取数据

我正在尝试在我的 VUEJS 应用程序上使用 VUEX 从 API 获取数据，并在下拉导航项中显示名称，所选名称将显示在下拉导航项中， 但不知何故不能...

如何在模块之间重用 Vuex 状态字段/动作/突变？

所以我不知道做这样的事情的 Vuex 最佳实践 - 如果有，请随时留下链接，以便我做进一步的研究。 我需要的是能够重复使用一套 Vuex ...

如何从 Vue2.7 中的设置导出反应式 Vuex 状态

这里是复现链接：https://stackblitz.com/edit/node-c6mn17?file=src/components/Test.vue 我希望能够使用 Vue 2.7 中的设置使用来自该商店的反应状态。 我导出一个 Vuex 商店

如何通过VUEX在iframe中加载和预览pdf文件

我正在构建我的 VUEJS 应用程序，我可以看到 pdf 文件的预览，这个 pdf 我从 API 获得并将其存储在 VUEX 中。但不知何故我看不到pdf预览 商店/index.js 导出默认的新 Vuex.St ...

[Vue 警告]：在渲染期间访问了属性“$store”，但未在实例上定义

我是新手，正在制作网上商店的项目。 我有两个错误，我无法以任何方式修复： 1)[Vue warn]: 渲染期间访问了属性“$store”，但未在实例上定义。 2)

使用 vue.js 如何使用嵌套了另一个按钮框的按钮框显示不同的数据？

就像这张图片。所以我有一个带有一层按钮的控件组件，我需要在另一个部分中使用它，如图所示。但在这种情况下（图片），如果按下一个...

Visual Studio Code 断点出现在错误的地方

在我的 Vue+Vuex 项目中，我尝试使用 Visual Studio Code 进行调试。我使用 Chrome 调试工具正确启动了调试器，并正确使用了地图，但是当我尝试放置断点时...

Uncaught (in promise) ReferenceError: state is not defined

出现这样的错误： 从 'vuex' 导入 { createStore } 从 './postModule' 导入 { postModule } 导出默认 createStore({ 模块：{ /* post - название модуля */ 帖子：

观察 Vue 3 全局变量的变化

我在我的 main.ts 文件中设置了一个提供者： app.provide('currentPage','test1') 然后将其注入组件 Home.vue 中： 注入：['currentPage'], 然后我可以更新它并在那个组件中显示它......

问题：执行设置函数期间未处理的错误和执行调度程序刷新期间未处理的错误

我有一个组件 UserView： 加载中... 我有一个组件 UserView: <template> <div> <div class="text-center w-full text-xl text-green-700" v-if="isLoading"> Loading... </div> <div class="text-center w-full text-xl text-red-700" v-if="error">Something was happened</div> <div v-if="users" class="w-full mt-5 overflow-x-auto"> <table class="w-1/2 text-sm ml-auto mr-auto text-center text-gray-500"> <thead class="text-xs text-gray-700 uppercase bg-gray-50"> <tr> <th scope="col" class="px-3 py-1.5"> FirstName </th> <th scope="col" class="px-3 py-1.5"> Email </th> <th scope="col" class="px-3 py-1.5"> Phone Number </th> <th scope="col" class="px-3 py-1.5"> Events Count </th> <th scope="col" class="px-3 py-1.5"> Next Event Date </th> </tr> </thead> <tbody> <tr class="bg-white border-b" v-for="(user) in users"> <td> <router-link class="hover:font-medium" :to="{name:'editUser',params:{id:user._id}}"> {{user.firstName}} </router-link> </td> <td>{{user.email}}</td> <td>{{user.phoneNumber}}</td> <td>{{user.eventsCount}}</td> <td v-if="user.eventsCount>0">{{user.events[0].startDate.slice(0,10) }}</td> <td v-if="user.eventsCount==0"></td> </tr> </tbody> </table> <pagination-view :currentPage="currentpage" class="break-normal" :total="users.at(-1)" :limit="limit" :url="url"></pagination-view> </div> </div> </template> <script> import {actionTypes} from "@/store/modules/users"; import {mapState} from "vuex"; import PaginationView from "@/components/PaginationView.vue"; import {data} from "autoprefixer"; export default { name: "UserView", data(){ return{ total:12, limit:1, currentpage:1, url:'/' } }, components: {PaginationView}, props:{ apiUrl:{ type:String, required:true } }, computed:{ data() { return data }, ...mapState({ isLoading:state =>state.users.isLoading, users:state => state.users.data, error:state => state.users.error }) }, mounted(){ this.$store.dispatch(actionTypes.getUsers,{apiUrl: this.apiUrl}) } } </script> <style scoped> </style> 路由器链接有问题，因为他尝试执行异步操作并收到未定义的消息。 问题描述： 第一： ** 设置函数执行期间未处理的错误** 第二个： ** 调度程序刷新执行期间未处理的错误。这可能是一个 Vue 内部错误。 ** 第三： ** 未捕获（承诺）错误：缺少必需的参数“id”** 我试图用循环和模板怀疑路由器链接，tr

如何在 Vue 中进行动态 v-model 名称绑定

在 Vue2 中，我使用 vuex-map-fields，它可以为保存在 Vuex 存储中的表单字段启用双向数据绑定。 我的地图字段看起来像这样 - ...mapFields("我的模块", { A_grade：“obj.

Vue在不相关的组件之间进行通信

我有一个在 App.js 上呈现的导航栏组件。我在另一页上有一些带有快速添加按钮的产品卡片。我想在导航栏上添加一个购物车图标，这将增加每次 ti 的计数...

如何对 Vuex 持久化状态进行更改？

我们在我们的应用程序中使用持久化的本地存储状态。 向商店模块添加新字段或值时，它们不会应用于现有用户的状态。它仅在清除 s 时有效...

如何在 tanstack 的 vue-query 中使用计算属性？

我习惯使用 Pinia/Vuex 来调度 axios 请求并将数据存储在商店中，然后使用 getter 对数据进行计算操作。我正在使用 Vue 3。 一个简单的例子：le...

文本字段只有整数值

有没有办法只在文本字段中输入整数值？ 我会将输入类型设置为整数，但 vuejs 不支持它。 有没有办法只在文本字段中输入整数值？ 我会将输入类型设置为整数，但 vuejs 不支持它。 <v-text-field label="Regular" type="number" ></v-text-field> 你必须使用 vue 内部指令 v-model.number <input v-model.number="age" type="number">