vuex相关内容

绑定img src

我在一个 Vue 组件中有一个 img 标签,它的 src 属性绑定到 Vuex 状态. 我在 Vuex 中成功更新了该状态对象(见下文). 但是 img 标签没有被渲染(见下文). 我可以用 getter 解决这个问题,但只是好奇为什么这不起作用.我怀疑这与 Vue 的反应性模型有关. 有什么想法吗? 解决方案 当附加到绑定时,this 不是必需的,如果我没记错的 ..
发布时间:2021-09-20 20:08:43 前端开发

存储引用但未定义

嘿,我有一些关于未定义商店的废话问题.有什么建议可以让我继续完成这个软件构建吗?商店和商店的内容出现在 Vue Inspector 工具中.当像下面这样内联时,它会中断并呈现空白 - App 组件中没有 DOM 内容. App.vue 违规摘录 Store.js 从'vue'导入Vue从 'vuex' 导入 VuexVue.use(Vuex ..
发布时间:2021-09-20 20:07:36 前端开发

Firebase signInWithEmailAndPassword 在 vue.js 中不起作用

我正在尝试让登录部分在我的 web 应用程序上工作,但它无法正常工作.每当我按下登录按钮时,页面要么刷新并且 url 使用凭据更新并保持在同一页面上,要么路由器被推送并转到“主页"而无需用户登录. 我也参考了本指南:https://blog.logrocket.com/vue-firebase-authentication/ 奇怪的是,注册部分运行良好. SignIn.vue ..
发布时间:2021-09-20 20:07:01 前端开发

我可以在 <style> 中使用全局常量吗?部分?

我想对 css 样式使用全局常量.例如, 表 td {边框:1px 纯色} 我可以在其他文件(例如配置文件)中定义 mycolor 吗?这样我就可以按颜色主题更改实际颜色. 解决方案 我相信您指的是全局 CSS 变量,是的,您可以但要注意浏览器支持.如果您使用的是像 SCSS 这样的预处理器,您也可以定义和共享变量. CSS 变量 :root {- 红色;} 和你的 ..
发布时间:2021-09-20 20:06:57 前端开发

Vuetify Vuex v-for v-switch 默认为 true

我在 Vuex 商店中有一个值列表,我为其创建了 v-switch,但我希望 v-switch 的默认值在创建时为 true.我试过 input-value=“true" 但它什么也没做.任何想法如何将它们设置为 true 因为我在文档中找不到任何对我有帮助的内容? 出口默认{挂载(){this.selectedGeometLayers = this.getSelectedAddedGeom ..
发布时间:2021-09-20 20:05:45 前端开发

Vue 3 - 如何使用 vuex 模块?

我试图在 vue 3 中使用 vuex 模块.我不确定我做错了什么? 我有 index.js 作为主文件,其余的我打算放在 modules 文件夹中. 当我想调度操作时,我收到一个错误:“[vuex] 未知操作类型:users/registerUser". 模块文件结构 index.js import { createStore } from 'vuex'从“./mo ..
发布时间:2021-09-20 20:04:49 前端开发

Vue - 分派完成后调用商店 getter?

我使用的是 Laravel 5.7 + Vue2 + Vuex 在我的调度调用完成后,我很难让 Vue 返回存储值.我的申请流程如下所示: 我单击了一个提交按钮,该按钮在组件上调用了 validate(). Validate() 分派到我的“addLease"操作,该操作调用 Laravel 控制器中的商店 API. Laravel 验证数据并返回包含错误或成功消息的响应. 然后 ..
发布时间:2021-09-20 20:04:20 前端开发

如何使用 v-model 修改深度 vuex 数据

我正在尝试修改 vuex 存储,但是在对象内部深处的键上使用 v-model.显然,在修改数据时,必须使用突变来完成.但我正在努力弄清楚如何以深刻的价值做到这一点. 这是一个小提琴,它应该会产生一个 vuex 错误(由于某种原因,这个错误不是在小提琴中产生的): [vuex] 不要在变异处理程序之外改变 vuex 存储状态 https://jsfiddle.net/antony_ ..
发布时间:2021-09-20 20:03:40 前端开发

Vue/Vuex:如何使用 Vuex 替换传递数据的发射函数?

我正在考虑将 Vuex 添加到我的项目中以保持状态井井有条.尽管就像下面的示例一样,我将如何使用 Vuex 替换我发出的函数?Vuex 可以完全取代发射的需要吗? 父母 方法: {单击按钮(){let person = “foo"this.$emit('handleUpdatePost', person)}} 解决方案 我创建了一个简单的 Vue 2 CLI 应用程序作为示例,说明如何 ..
发布时间:2021-09-20 20:02:11 前端开发

借助 mapGetters、VUEJS、vuex、vuetify 将内容从数组中显示出来

我的页面由两条路线组成,一条带有主页,另一条带有配置面板. 在我的主页中,我有一个容器,我在其中放置了一些信息,例如日期、时间、当前摄氏度等,在其下有一个容器,您可以在其中放置用户配置的一些日常信息.用户为输入提供了某种文本以及代表超时的第二个值(用户可以决定应该显示多少秒),因此我在 vuex 的帮助下获取信息,因此我将状态设置为值在这些输入中给出的(我得到一个带有字符串的数组(属于文本输 ..
发布时间:2021-09-20 19:59:01 前端开发

如何在 Vue 状态更改时更改路由器呈现的组件?

我在 Vue 中设置了一个 Vuex 商店和路由器.根据此商店中的一段状态,我希望路由器为同一路径呈现不同的组件.以下是我尝试这样做的结果. 在我的路由器中,我包含一个条件,表示“如果用户已登录,则返回 Home,否则返回 Login". 在我的 Login 组件中,当用户成功登录时,我将 loggedIn 状态(在 Vuex 存储中)的值更改为 true在.我已经测试并可以看到此状态 ..
发布时间:2021-09-20 19:58:01 前端开发