vuex相关内容
我在一个 Vue 组件中有一个 img 标签,它的 src 属性绑定到 Vuex 状态. 我在 Vuex 中成功更新了该状态对象(见下文). 但是 img 标签没有被渲染(见下文). 我可以用 getter 解决这个问题,但只是好奇为什么这不起作用.我怀疑这与 Vue 的反应性模型有关. 有什么想法吗? 解决方案 当附加到绑定时,this 不是必需的,如果我没记错的
..
我正在尝试设计一个商店来管理我的 Vuex 应用程序的事件.到目前为止,我有以下内容. 从“vue"导入Vue;从“vuex"导入 Vuex;Vue.use(Vuex);const state = { dataRows: [], activeDataRow: {} };常量突变 = {UPDATE_DATA(state, data) { state.dataRows = data;state.a
..
嘿,我有一些关于未定义商店的废话问题.有什么建议可以让我继续完成这个软件构建吗?商店和商店的内容出现在 Vue Inspector 工具中.当像下面这样内联时,它会中断并呈现空白 - App 组件中没有 DOM 内容. App.vue 违规摘录
Store.js 从'vue'导入Vue从 'vuex' 导入 VuexVue.use(Vuex
..
我正在尝试让登录部分在我的 web 应用程序上工作,但它无法正常工作.每当我按下登录按钮时,页面要么刷新并且 url 使用凭据更新并保持在同一页面上,要么路由器被推送并转到“主页"而无需用户登录. 我也参考了本指南:https://blog.logrocket.com/vue-firebase-authentication/ 奇怪的是,注册部分运行良好. SignIn.vue
..
我想对 css 样式使用全局常量.例如, 表 td {边框:1px 纯色} 我可以在其他文件(例如配置文件)中定义 mycolor 吗?这样我就可以按颜色主题更改实际颜色. 解决方案 我相信您指的是全局 CSS 变量,是的,您可以但要注意浏览器支持.如果您使用的是像 SCSS 这样的预处理器,您也可以定义和共享变量. CSS 变量 :root {- 红色;} 和你的
..
旧的 vuetify 插件没有显示,但新的 vuetify 插件出现.以 v-checkbox 为例.你能帮我吗 v-checkbox 不可见 **Vuetify JS 2.0 更新后** //v2.0//src/plugins/vuetify.js//按照官方文档从'vue'导入Vue;从 'vuetify/lib' 导入 Vuetify;Vue.use(Vuetify);导出默认
..
我在 Vuex 商店中有一个值列表,我为其创建了 v-switch,但我希望 v-switch 的默认值在创建时为 true.我试过 input-value=“true" 但它什么也没做.任何想法如何将它们设置为 true 因为我在文档中找不到任何对我有帮助的内容? 出口默认{挂载(){this.selectedGeometLayers = this.getSelectedAddedGeom
..
我有一个 getter 对象数组.我在 action 内使用 getter 并尝试对其进行过滤,但无论我做什么过滤都不起作用,它会返回所有映射的项目 ID. filterItems({ getters, commit }) {让filteredItems = getters.getAllItems.filter(item => item.type !== '帽子' || item.type !=
..
我试图在 vue 3 中使用 vuex 模块.我不确定我做错了什么? 我有 index.js 作为主文件,其余的我打算放在 modules 文件夹中. 当我想调度操作时,我收到一个错误:“[vuex] 未知操作类型:users/registerUser". 模块文件结构 index.js import { createStore } from 'vuex'从“./mo
..
我已经模块化了我的 Vuex 存储,并且需要子组件能够访问数据/使用与其父组件相同的存储. 这是我尝试过的:
..
当我将其值赋给局部变量并操作局部值时,为什么我的原始 Vuex 对象会发生变化?如有必要,我可以发布我的 store.js. 我有这样的事情: 数据(){返回 {本地对象:[],};},计算:mapState([“storeObject"]),//主存储对象创建(){this.localObject = this.storeObject;this.prepareData();},方法:
..
我使用的是 Laravel 5.7 + Vue2 + Vuex 在我的调度调用完成后,我很难让 Vue 返回存储值.我的申请流程如下所示: 我单击了一个提交按钮,该按钮在组件上调用了 validate(). Validate() 分派到我的“addLease"操作,该操作调用 Laravel 控制器中的商店 API. Laravel 验证数据并返回包含错误或成功消息的响应. 然后
..
我正在尝试修改 vuex 存储,但是在对象内部深处的键上使用 v-model.显然,在修改数据时,必须使用突变来完成.但我正在努力弄清楚如何以深刻的价值做到这一点. 这是一个小提琴,它应该会产生一个 vuex 错误(由于某种原因,这个错误不是在小提琴中产生的): [vuex] 不要在变异处理程序之外改变 vuex 存储状态 https://jsfiddle.net/antony_
..
我正在考虑将 Vuex 添加到我的项目中以保持状态井井有条.尽管就像下面的示例一样,我将如何使用 Vuex 替换我发出的函数?Vuex 可以完全取代发射的需要吗? 父母 方法: {单击按钮(){let person = “foo"this.$emit('handleUpdatePost', person)}} 解决方案 我创建了一个简单的 Vue 2 CLI 应用程序作为示例,说明如何
..
我正在尝试将包含表单的组件映射到 vuex 中名为“displayedFarmer"的对象下的变量. displayedFarmer 将 arrivalDates 作为数组. 我正在使用 mapState 引入 displayedFarmer: 计算:{...mapState(['displayedFarmer']), 我正在使用数据选择器: 如果我使用 dates - 在
..
我使用 getter、state 等设置了 Vuex 存储,但无法从应用组件的存储中获取数据.我当前的代码给了我这个“意外令牌从“vue"导入 { ref };导出默认{数据:() =>({storeTodos: "",}),安装(){console.log(this.$store);//this.storeTodos = this.$store.g
..
所以我收到以下错误消息: [Vuex] 不要在变异处理程序之外改变 vuex 存储状态. 根据 Vuex docs 出现此错误的原因是因为以下代码试图直接改变状态.
..
我的页面由两条路线组成,一条带有主页,另一条带有配置面板. 在我的主页中,我有一个容器,我在其中放置了一些信息,例如日期、时间、当前摄氏度等,在其下有一个容器,您可以在其中放置用户配置的一些日常信息.用户为输入提供了某种文本以及代表超时的第二个值(用户可以决定应该显示多少秒),因此我在 vuex 的帮助下获取信息,因此我将状态设置为值在这些输入中给出的(我得到一个带有字符串的数组(属于文本输
..
我设置了一些 getter,您向它们传递一个 id,它们返回相关数据.所以我已经将这些映射到一个组件中,但是当传递一个参数时,参数是未定义的. 组件:
{{ category.name }}
从 'vuex' 导入 { mapGetters }导出默认{道具:['id'],计算:mapGetters({subCategories: ['categ
..
我在 Vue 中设置了一个 Vuex 商店和路由器.根据此商店中的一段状态,我希望路由器为同一路径呈现不同的组件.以下是我尝试这样做的结果. 在我的路由器中,我包含一个条件,表示“如果用户已登录,则返回 Home,否则返回 Login". 在我的 Login 组件中,当用户成功登录时,我将 loggedIn 状态(在 Vuex 存储中)的值更改为 true在.我已经测试并可以看到此状态
..