vuex_编程技术问答社区_程序员问答知识库

以下是关于 vuex 的编程技术问答

使用VueJS设置srcObject的替代方法

设置HTML视频元素的" src"属性不适用于vue.js和vuex: myStreamSrc是一个计算值，是通过事件处理程序设置在突变中的: AddStream: function (state, plMyStream) { state.myRTCPeerConnection.addStream(plMyStream) state.myStreamSrc = plMyStream } 当我使用该代码运行应用程序时，我会收到以下错误: 不支持"文本/html"的 http" content-type".媒体的负载资源 http://localhost:8080/[object％20mediastream] 失败. 失败. 当我执行以下操作时: state.myVideoEl = document.querySele

0 2023-12-01 编程技术问答社区 javascript vue.js webrtc vuejs2 vuex

Vue.js在严格模式下不允许一个属性的多个定义

美好的一天. 我们正在使用 https://github .com/vuejs/vue-hackernews-2.0 使用IE11构建和查看我们的应用程序时，我们获得了SCRIPT1046: Multiple definitions of a property not allowed in strict mode，并引用了编译app.[#hash].js文件.我已将重复属性跟踪到组件中的以下内容: Shopping preference

0 2023-12-01 编程技术问答社区 internet-explorer webpack vue.js vue-router vuex

vuex在chrome扩展中的共享状态

我具有以下webpack.config.js: 的Chrome扩展 module.exports = { mode, entry: { "content/content": [ "./src/js/content/content.js", "./src/js/store.js", "./src/js/content/overlay/style.scss", ], "background/background": [ "./src/js/background/utils.js", "./src/js/background/background.js", ], "overlay/overlay": "./src/js/content/overlay/index.js", "popup/popup": "./src/js/content/popup/index.js",

0 2023-11-26 编程技术问答社区 javascript vue.js google-chrome-extension vuejs2 vuex

我们是否应该在组件和存储中都使用 axios？

我对使用Store(Vuex或Redux)有些困惑. 首先，我们都知道两者都是为国家管理而生的，我们通常在通过其他组件修改组件状态的情况下使用它们. 但是，根据我的问题，我认为我们有组件A和B.场景是: 虽然其他组件需要使用B的状态，因此我们将此状态存储在商店管理中，如果B需要使用axios，我们还将其作为action> action中的商店文件工作. 接下来，对于组件A的情况，其状态都不需要设置为全局使用，但它仍然需要axios用法，因此 - 我们在组件A内部使用axios是一个很好的做法? 对不起，我的英语不好，我知道:( 解决方案好吧，对于组件B，它是相当直接的.虽然您可以直接在组件中调用axios(或任何其他数据获取模块)，然后通过操作有效负载将结果传递到存储中，但只要您的应用程序开始增长和/或更改，它就会变得复杂.太多的模块直接知道彼此是坏主意. 我建议遵循更多传统的路径:使axios在其动作中使用商店使用的服务.这样，您的组件与数据获取

0 2023-11-26 编程技术问答社区 reactjs vue.js redux axios vuex

如何在Vuetify中显示树视图组件

有人可以帮助我在Vuetify中渲染树景我有这样的回应在这种情况下，我使用Vuetify框架 [ { "id": 4, "name": "Test", "parent_id": 0, "image": "gVtHmE4tN18Y.png", "children": [ { "id": 6, "name": "Test2", "parent_id": 4, "image": "XBpqGq6CinOm.png", "parent": [ { "id": 7, "name": "Test3", "parent_id": 6, "image": "MNI3TmNXI1V5.png", } ]

0 2023-11-26 编程技术问答社区 vue.js vuejs2 vue-component vuex vuetify.js

vue.js vuex属性未定义的问题

我有有趣的错误. Chrome的控制台说，属性"名称"是未定义的，但Vue工具表明Getters正常工作.图片下图... 这是我的Vue工具.看一下盖特斯. 这也是我的store.js 的代码 import Vue from "vue"; import Vuex from "vuex"; import axios from "axios"; import { api } from "./api_key"; Vue.use(Vuex); export default new Vuex.Store({ state: { data: "", location: "New York" }, mutations: { GET_DATA(state, data) { state.data = data; } }, actions: { getData({ commit, state }) { console.log(api); ax

2 2023-11-26 编程技术问答社区 vue.js vuex

vuex不要突变vuex商店状态外部突变处理程序

[vuex]请勿突变vuex商店状态外部突变处理程序. 尝试编辑字段时，此消息显示在终端中. 我如何正确使用表格? - data() { return { form: { email: null } }; }, computed: { ...mapGetters('auth', ['getSeller']) }, methods: { ...mapActions('auth', ['setSeller']) }, created() { this.form.email = this.getSeller.email; } - vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in callback

2 2023-11-26 编程技术问答社区 vue.js vuejs2 vuex

npm init nuxt-app的结果是 "加载插件'unicorn'在'.eslintrc.js »@nuxtjs/eslint-config'中声明失败"

我试图使用命令创建NUXT应用程序 npm init nuxt-app 通过安装项目，它会导致此错误 npm init nuxp-app结果一个问题"无法加载插件'Unicorn'在.eslintrc.js» @nuxtjs/eslint-config'" 在构建项目时，如下所示在我的下方是我的.eslintrc.js坐着，任何人都可以帮助我 module.exports = { root: true, env: { browser: true, node: true, }, parserOptions: { parser: '@babel/eslint-parser', requireConfigFile: false, }, extends: ['@nuxtjs', 'plugin:nuxt/recommended', 'prettier'], plugins: [], //

0 2023-11-26 编程技术问答社区 javascript vue.js npm nuxt.js vuex

为什么在显示编辑表单时，在Filepond上的文件大小标记每个文件?

我有一个具有添加和编辑表单的模块.在添加和编辑表单中，用户可以上传文件.编辑时，它将显示上传的文件在添加表单中，它有效.当用户上传时，文件大小显示文件大小但我的问题是在编辑表单时，每个文件都显示在所有文件上的1KB文件上您可以在这里看到问题: 我使用filepond软件包上传文件我这样的vue组件: ...

0 2023-11-26 编程技术问答社区 vue.js vuejs2 vue-component vuex filepond

观察locale并再次获取文章-Vuejs

articleController

0 2023-11-26 编程技术问答社区 javascript vue.js vuejs2 vuex

Vuex存储，为什么添加到数组中会用最后一个条目覆盖存储中的所有值？

我正在使用vuex-typscript.这是一个商店模块: import { getStoreAccessors } from "vuex-typescript"; import Vue from "vue"; import store from "../../store"; import { ActionContext } from "vuex"; class State { history: Array; } const state: State = { history: [], }; export const history_ = { namespaced: true, getters: { history: (state: State) => { return state.history; }, }, mutations: { addToHistory (state: State, so

0 2023-11-26 编程技术问答社区 javascript vue.js vuejs2 vuex vuex-modules

vuejs和webpack:为什么在儿童组件中存储不确定

我正在使用webpack. 以下是Store.js: import Vuex from "vuex"; export default new Vuex.Store({ state: { count : 0 }, mutations: { increment (state) { state.count++ } } }); 这是我的app.js: "use strict"; import Vue from 'vue'; window.Vue = Vue; import MyComponent from './MyComponent.vue'; import store from './store.js'; window.App = new Vue({ el : '#my-app', store, components : {

0 2023-11-26 编程技术问答社区 vue.js vuex

如何在Vuex商店中提交突变，从Vuetify列表中，VueJS

这是我以前的问题的结论:如何从vuetify列表中的vuejs 中从vuex商店中获取州我了解如何从商店中获取州，但是我正在努力从列表中的变异. 这是我的列表: export default{ name: 'menuList', data() { return { show: true, items: [{ title: 'Do something', icon: 'web', event: function () { this.$store.commit('UI/DoSomething', { argument1: "argument1",

0 2023-11-26 编程技术问答社区 javascript vue.js vuex vuetify.js

如何在vue组件上使用vuex store上传文件？

如果我在这样的vue组件中使用ajax: 它有效.我成功获取文件，但是在这里我想使用vuex Store 我的Vuex商店模式: 我这样更改我的vue组件: 在 ... export default { methods: { submitForm() { ... formData.append('file', files) this.updateProfile({formData, reload: true}) } }

0 2023-11-26 编程技术问答社区 javascript vue.js vue-component vuex vuex-modules

在Nuxt应用程序中无法从经典模式商店的突变中访问i18插件

我正在尝试在我的NUXT应用程序中实现Vuex I18N软件包.在我的nuxt.conf.js文件中，我有: { src: '@/plugins/i18n.js', ssr: false }, 插件/i18n.js文件是: import Vue from "vue"; import vuexI18n from "vuex-i18n/dist/vuex-i18n.umd.js"; import toEnglish from "../translations/toEnglish"; import toSpanish from "./../translations/toSpanish"; import toGerman from "./../translations/toGerman"; export default ({ store }) => { Vue.use( vuexI18n.plugin, store,

0 2023-11-26 编程技术问答社区 vue.js vuejs2 internationalization vuex nuxt.js

nuxt.js头功能在文章中不起作用

我试图在WordPress中托管的每个博客的文章中添加一些打开的图形标签. 当我运行" npm Run Dev"时，此代码正在工作，但是当我运行" NPM运行"生成&& firebase部署不执行. 这是我正在使用的代码: head() { return { title: 'This', meta: [ { hid: `og:description`, name: 'og:description', content: 'title' }, { hid: `og:title`, name: 'og:title', content: 'title' } ] } 在我的nuxt.config.js中，我在头部配置了以下内容 head() { return { title: 'That', meta: [ { hid: `og:des

2 2023-11-26 编程技术问答社区 vue.js vuex head nuxt.js

使用v-if通过vuex隐藏托盘，但在特定选项卡中包含

我在商店中有一个阵列，我正在循环浏览以获取自己的页面并共享相同的段落.我有一个隐藏段落的按钮.我如何做到这一点，以便它仅藏在第一页而不是在其他页面上?因此，它应该使用的方式是，如果将段落隐藏在Apple页面中，它仍然应该出现在其他四个页面上.页.谢谢你 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { show:true, specialTypes:[ { name: "Apple", Id:1 }, { name: "Banana", Id:2 }, { name: "Berries", Id:3 }, { name: "Mango", Id:4 }, { name: "Oranges",

0 2023-11-26 编程技术问答社区 vue.js vuex nuxt.js

Bootstrap Vue-传递卡片数据作为有效载荷

使用bootstrap vue时，是否有类似的方法传递诸如Rowdata之类的卡数据? 我正在使用此功能将卡数据提交到州，但似乎不起作用.我正在使用类似的方法通过rowdata，而且效果很好. 卡数据行动... setCard: function ({commit}, cardData) { commit('setCardToState', cardData) } 突变... setCardToState (state, cardData) { state.addeditinitiative.name = cardData.name state.addeditinitiative.description = cardData.description state.addeditinitiative.id = cardData.id }, 模板

0 2023-11-26 编程技术问答社区 vue.js vuex bootstrap-vue

基于多个选项的过滤器阵列（Vue/JavaScript）。

如果这是重复的帖子，我深表歉意.在发布此信息之前，我搜索了几个不同的东西.我正在尝试弄清楚如何基于两个选项过滤结果.我可以得到一个工作的选择之一，但都需要驱动结果. 我有4个计算的属性: 过滤质量:进行过滤的地方阶段:根据结果收集所有阶段结果:原始结果列表(存储在Vuex中) 状态:根据结果收集所有状态在该组件的数据中，我有两个属性，这些属性符合用户选择的内容.我正在运行这些选定值的过滤. 代码 Results for: {{ $route

0 2023-11-26 编程技术问答社区 javascript vue.js ecmascript-6 vuex

Vuex和动态状态.可能吗?

我有一个空状态的Vuex商店 const state = { data: { } }; 和一个简单的测试突变，以更改值或添加新数据 const mutations = { changeOrAdd(state, {key,value}) { state.data[key] = value; } }; 如果我对changeOrAdd进行承诺，则将其添加到状态，但没有反应性. 我做了一个简单的技巧来更改默认值 const state = { data: { change: 0 } }; 和突变中: const mutations = { changeValueAttr(state, { key, value }) { state.data[key] = value; state.data.ch

0 2023-11-26 编程技术问答社区 vue.js vuex

首页
<
1
2
3
4
5
6
7
8
>
尾页