Vue -Store字符串中以逗号分隔的动态复选框in

// 在Vuex的store中定义状态变量
const store = new Vuex.Store({
  state: {
    checkboxValues: []
  },
  mutations: {
    updateCheckboxValues(state, value) {
      state.checkboxValues = value;
    }
  }
});

// Vue组件中的复选框
<template>
  <div>
    <label v-for="option in options" :key="option">
      <input type="checkbox" :value="option" v-model="checkboxValues" @change="updateCheckboxValues">
      {{ option }}
    </label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: ['Option 1', 'Option 2', 'Option 3'],
      checkboxValues: []
    };
  },
  methods: {
    updateCheckboxValues() {
      this.$store.commit('updateCheckboxValues', this.checkboxValues);
    }
  }
};
</script>