Vuejs使用vuex数据在v-for中将反应样式设置为组件

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    // 在这里定义应用程序的状态
    styles: {
      // 反应样式的初始值
    }
  },
  mutations: {
    // 在这里定义修改状态的方法
    updateStyles(state, payload) {
      state.styles = payload
    }
  },
  actions: {
    // 在这里定义触发mutations的动作
    updateStyles({ commit }, payload) {
      commit('updateStyles', payload)
    }
  },
  getters: {
    // 在这里定义获取状态的方法
    getStyles(state) {
      return state.styles
    }
  }
})

export default store

import { mapGetters, mapActions } from 'vuex'

export default {
  computed: {
    ...mapGetters(['getStyles'])
  },
  methods: {
    ...mapActions(['updateStyles'])
  }
}

<template>
  <div>
    <div v-for="item in items" :key="item.id" :style="getStyles">
      <!-- 组件内容 -->
    </div>
  </div>
</template>

this.updateStyles(newStyles)