vuex相关内容
我正在处理 nuxt-edge + auth.nuxt + vuex 项目和 nuxtServerInit 方法我只在控制台中记录一条消息.当站点重新加载时,消息会被打印多次.这似乎只发生在 dev 模式下. 解决方案 任何时候从您的服务器请求资产导致错误,Nuxt 都会为每个文件呈现并返回一个单独的错误.错误页面被视为 Nuxt 中的任何其他页面.这意味着 nuxtSeverInit 会
..
我正在尝试使用 Vuex 完成应该是一项基本任务,但由于某种原因它不起作用,经过广泛搜索后,我非常感谢您的帮助. 我想要做什么: 使用新属性(对象)更新我商店中对象的列表(对象). 出了什么问题: 在我什至调度操作以从我的组件提交新对象之前(我正在通过 mapActions 访问操作),列表中任何现有对象中的某些属性都会更新为与输入/v-models 相关的值在我的组件中.
..
我试图通过检查用户是否通过身份验证来保护我的路线,这是示例路线: {路径:'/内网',组件:搜索,元: { requiresAuth: true },道具: {税:'类型',术语:'内网邮递',名称:'内网'}}, 我是这样设置警卫的: router.beforeEach((to, from, next) => {if (to.matched.some(record => record.me
..
我在与 vuex 集成的 vuejs 项目中使用了 typescript 语法.我想使用在我的 .ts 文件中计算的 mapState 方法,但出现语法错误.目前我正在使用文档建议的计算函数语法,我的意思是: 获取计数器() {返回 this.$store.state.count;} 如果您阅读 Vuex 文档,您会发现以这种方式使用 Vuex 而不是使用 mapState 是非常重复的.在
..
在文档中,除了通过操作调用的突变之外,状态是不可变的......好吧. 我在我的组件中使用 mapGetters、mapActions ... 商店: 出口默认{命名空间:真,状态: {颜色:“紫罗兰"},突变:{更改颜色(状态,新颜色){state.color = newColor},},动作:{changeColor({ commit }, newColor) {commit('
..
我在我的组件中使用 vuex 和 mapGetters 助手.我得到了这个功能: getProductGroup(productIndex) {返回 this.$store.getters['products/findProductGroup'](productIndex)} 是否可以以某种方式将其移动到 mapGetters?问题是我还向函数传递了一个参数,所以我找不到将它放在 mapGet
..
如何仅在 1 次调用中删除 axios.defaults.headers.common.Authorization? 我正在为对我的域的所有调用设置默认值,但我在另一个域上进行了 1 次调用,如果传递了令牌,则调用会给我一个错误,当没有默认的 Auth 令牌保存时,一切正常. 所以我想要做的不是在该特定调用中传递 Auth 我试过了,但没有用 loadApiCoins({ c
..
我正在开发一个使用 vuesax 主题的网站.vue cli 3.0 默认布局页面
..
现在我有 2 个组件1 - 只是一个下拉列表 v-select
..
我需要从我的组件内部调用 2 个操作,但第二个应该只在第一个 100% 完成工作后才开始. 我正在尝试这个,但它不起作用 mounted() {this.$store.dispatch('coinModule/loadApiCoins').then(() => {this.$store.dispatch('coinModule/loadUserCoins')}).catch(错误=> {控
..
我在 vue 组件中有一个 div,我想让该组件可拖动.我检查了许多 vue 可拖动插件,但它们有一个单独的拖动组件,而不是像在 angular draggable 中那样添加的指令.请帮我解决这个问题? 解决方案 您需要将 vuedraggable 添加到您的节点模块中. 纱线添加 vuedraggable 然后: import draggable from 'vuedr
..
我试图找到一种方法,将 vuex 与可重用组件一起使用,该组件将数据存储在商店中.问题是,我需要每个组件实例的商店都是唯一的. 我认为文档的可重用模块是关键,但最后似乎不是为了这个目的,或者我不明白如何使用它. 父组件:(prop “req-path" 用于传递不同的 URL 以使每个 FileExplorer 组件提交从 API 获取数据的操作,使用该 URL 路径)
..
[vuex] 不要在变异处理程序之外改变 vuex 存储状态. 尝试编辑字段时,此消息会显示在终端中. 如何正确使用表格? - 数据(){返回 {形式: {电子邮件:空}};},计算:{...mapGetters('auth', ['getSeller'])},方法: {...mapActions('auth', ['setSeller'])},创建(){this.form.
..
有人可以帮我在 vuetify 中渲染树视图吗我有这样的回应在这种情况下,我使用了 vuetify 框架 [{“id":4,“名称":“测试",“parent_id":0,“图像":“gVtHmE4tN18Y.png",“儿童":[{“id":6,“名称":“测试2",“parent_id":4,“图像":“XBpqGq6CinOm.png",“父母":[{“id":7,“名称":“Test3"
..
我遇到了有趣的错误.Chrome 的控制台显示属性 'name' 未定义,但 Vue 工具显示 getter 工作正常.下面的图片... 这是我的 Vue 工具.看看吸气剂. 这里也是我的 store.js 代码 从“vue"导入Vue;从“vuex"导入 Vuex;从“axios"导入 axios;从“./api_key"导入 { api };Vue.use(Vuex);导出默认新
..
这是我上一个问题的延续:如何从VueJs列表中的Vuex存储中获取状态 我了解如何从存储中获取状态,但我正在努力从列表中提交突变. 这是我的清单: 出口默认{name: '菜单列表',数据() {返回 {显示:真实,项目: [{title: '做某事',图标:'网络',事件:函数(){this.$store.commit('UI/DoSomething', {参数1:“参数1",ro
..
我正在使用 vuex-typescript.这是一个商店模块: import { getStoreAccessors } from "vuex-typescript";从“vue"导入Vue;从“../../store"导入商店;从“vuex"导入 { ActionContext };类状态{历史:数组;}const 状态:状态 = {历史: [],};导出常量历史_ = {命名空间:真,吸气剂
..
我正在使用 Vuejs 和 Webpack. 这是 store.js: 从“vuex"导入Vuex;导出默认新 Vuex.Store({状态: {计数:0},突变:{增量(状态){state.count++}}}); 这是我的 app.js: "使用严格";从'vue'导入Vue;窗口.Vue = Vue;从'./MyComponent.vue'导入MyComponent;从'./st
..
我的第一个组件(子组件)是这样的: ...导出默认{...方法: {添加照片() {const 数据 = { id_product: this.idProduct}const item = this.idImagethis.$store.dispatch('addImage', data).then((响应) => {this.$parent.$options.methods.
..
我在 vuejs 中使用可拖动和可排序,但我遇到了一个问题,例如,每次我更改两个 div 的位置时,它们都会更改,但 json 数组不会更新. 我正在使用 vuex,我的组件模板中有这个 html:
..