首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Vuex + firebase数据库操作

Vuex + firebase数据库操作
EN

Stack Overflow用户
提问于 2020-06-11 11:49:17
回答 1查看 86关注 0票数 1

我在我的Vuex应用中使用了firebase。我在vuex里有这个动作

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
async deleteTodo({ commit }, id) {
        await fbs.database().ref(`/todolist/${store.state.auth.userId}/${id}`)
            .remove()
            .then(() => {
                // fix this
                console.log('Todo deleted', commit);
            })
    }

如果我不需要提交一些东西,我如何在params中跳过{commit}。我遇到类似“提交已分配但从未使用”之类的错误

EN

回答 1

Stack Overflow用户

发布于 2020-06-11 13:52:05

deleteTodo({ commit }, id)对第一个参数进行解构。您的操作在那里实际接收的是一个具有几个成员的context对象。commit就是其中之一。通过像这样解构它,你隐式地将它赋给一个本地常量,然后就不使用它了。林特斯不喜欢这样。如果你用deleteTodo(context, id)代替它,你的林特很有可能会接受它。如果不是这样,你也可以使用deleteTodo(_, id),不过我还是选择前者。(但这里还有一些您确实想要分解的东西...请阅读下面的内容。)

但是,如果您没有在这些操作中提交任何内容,为什么在Vuex中会出现这种情况?您可以简单地将其放入任何独立的函数中。Vuex专门用于管理状态。

啊,但是你确实用了state!您使用store.state.auth.userId,但是您从文件的常量本地访问它,大概是用来创建存储的文件,而不是存储的实际状态。在大多数情况下,这可能会很好地工作,但这不是首选的方法。

你知道你在哪里也可以找到州吗?在相同的上下文对象上!所以最好是这样重写它:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
async deleteTodo({ state }, id) {
    await fbs.database().ref(`/todolist/${state.auth.userId}/${id}`)
        .remove()
        .then(() => {
            // fix this
            console.log('Todo deleted');
        });
}

这是最好的方法。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62323701

复制
相关文章
vuex操作相关
# vuex操作相关 import { mapActions, mapMutations, mapGetters } from 'vuex' computed: { ...mapGetters([ // 获取数据,内部为数组 'searchHistory' // 相当于在data插入searchHistory和获取到的数据 ]) }, methods: { 某方法(){ this.saveSearchHistory(传入值) }, ...mapActions(
小小杰啊
2022/12/21
1380
firebase怎么用_firebase是什么
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/168361.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/20
4.2K0
firebase怎么用_firebase是什么
Firebase 如何创建登录 Token
Firebase 的 token 可以使用 firebase 命令行工具来进行创建。
HoneyMoose
2021/04/02
2.5K0
Firebase 如何创建登录 Token
如何在Vuex中处理异步操作?
当组件中的fetchData方法被调用时,它会通过this.$store.dispatch触发名为fetchData的action。fetchData action中执行异步操作,例如发起API请求,然后在请求完成后通过mutations更新状态。
王小婷
2023/10/03
2640
Android Firebase 服务简介
Firebase初步了解 什么事Firebase? Firebase成立于2011年,在被Google收购之前,Firebase是一个协助开发者快速构建App,能够提供行动应用专用开发平台及SDK的一款产品,简单的说大概就是一套集成后台服务工具。早在2014年,谷歌收购了Firebase,这主要是一种面向应用程序开发人员的数据库。Firebase基本上向广大的应用程序开发人员提供不同的服务,比如存储、消息传递、通知和身份验证等服务。 在今年的I/O大会上,谷歌发表了新版的Firebase,新的Firebas
xiangzhihong
2018/02/05
22.8K0
Android  Firebase 服务简介
Google 的 Firebase 如何删除项目
https://www.ossez.com/t/google-firebase/13792
HoneyMoose
2021/11/02
3.2K0
Google 的 Firebase 如何删除项目
用supabase实时数据库替换mapus协作地图里的firebase
讲了如何使用supabase,其实是为了将mapus协作地图 里使用的firebase,因为firebase在国内用不了哇,google的东西。
hotqin888
2022/11/02
3K0
用supabase实时数据库替换mapus协作地图里的firebase
与 FireBase 亲密接触
正常的 App 都是属于网络应用,数据都是从服务器上获取的。这就需要有专业的后台开发人员开发后台业务服务器,然后为我们 App 提供数据。自从云出现之后,各大云主机厂商提供了一个云服务 PAAS(Platform-as-a-Service的缩写),意思是平台即服务。PaaS是一个执行代码以及管理应用运行环境的开发平台,用户通过SVN或者Git之类的代码版本管理工具与平台交互。但这也是开发人员具备后台开发的能力。因此,
猴哥yuri
2018/08/16
16K0
我们弃用 Firebase 了
作者 | John Considine 译者 | 平川 策划 | 刘燕 我们已经在 Firebase 上发布了 10 几款应用程序,几乎用到了该平台每个方面的特性,并设计了一个可以实现优雅扩展的手册。可以说,事实已经证明,Firebase 对 K-Optional Software 而言是非常宝贵的工具。 就在 2022 年 3 月,我们的开发人员还在为 Firebase Extensions 等创新欢呼。遗憾的是,过去几个月的三个主要变化破坏了开发体验,因此,在新项目中,K-Optional 将
深度学习与Python
2023/03/29
32.8K0
我们弃用 Firebase 了
基于 Vuex 的时移操作(撤回/恢复)实现
最近做了一个 BI 平台的可视化看板编辑器,项目刚做完一期,各方面的功能都还能粗糙,但该有的也都有了,比如编辑器场景下最基本的两类时移操作-撤回(undo) 和恢复 (redo)。
寒月十八
2021/09/29
1.4K0
vuex
问题1:通过路由传递参数,我们会采用params或者query形式,但这两种方式都会在URL上做手脚,如果传递的参数过多,会导致400 Bad Request(如,点击表格某行,携带行数据跳转到新页面进行查看)。 问题2:兄弟组件传值 问题3:多处地方使用同一数据,为节省重复请求(最为常见)
奋飛
2019/08/14
3K0
Vuex
在相对独立的组件中,action -> state -> view的单向数据流能得到保证。而真实业务场景经常需要状态传递及共享,一般方法是:
ayqy贾杰
2019/06/12
1.2K0
Vuex是什么?Vuex能做什么?Vuex怎么使用?
前段时间,有小伙伴问我,Vuex是怎么玩儿的?也是一直没有机会,趁着今天有空,一起来学习一波。
Javanx
2019/09/04
9.8K0
Vuex是什么?Vuex能做什么?Vuex怎么使用?
vuex
下面的代码当执行:this.add(10)时,由于...mapMutations在...mapActions的后面,因此,会执行mutation,而不会执行action!
hss
2022/02/25
8960
vuex
Vuex是一个专门为Vue.js应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件状态,并以相应的规则保证状态以一种可预测的方式发生变化。
epoos
2022/06/06
1.1K0
vuex
Vuex
当一个组件需要获取多个状态的时候,将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题,我们可以使用 mapState 辅助函数帮助我们生成计算属性,让你少按几次键:
小小杰啊
2022/12/21
1.2K0
Vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 1.直接引入本地下载vuex.js文件
河湾欢儿
2018/09/06
1.8K0
Vuex
在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式. 但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便。Vue 的状态管理工具 [Vuex] 完美的解决了这个问题。 什么是Vuex? 官方说法:Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解:Vuex是用来管理组件之间通信的一个插件。 安装并引入 Vuex 首先,安装 Vuex:
前端小tips
2021/11/25
7770
Vuex
点击加载更多

相似问题

用Vuex [Vuex/Vuexfire]操作Firebase集合中的文档

12

Vuex和firebase听者

10

Vuex和firebase:在firebase数据库中未定义用户id

11

从Firebase Vuex删除项目

12

Vuex状态与Firebase同步

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文