Question

我在 vue store 中声明了一个数组，当我在 app 中调用它时，它没有出现。请我是初学者，我需要帮助。

这是我的商店代码：

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    Produits: [
            {text: "ananas", checked: true},
            {text: "banane", checked: false},
            {text: "orange", checked: true},
    ]
  },
  mutations: {},
  actions: {},
  modules: {},
});

有组件代码：

<template>
    <ul>
        <li v-for="produit in products" :key="produit.id" v-bind:class="{ 'removed':produit.checked }">
        <div class="checkbox">
            <label >
            <input type="checkbox" v-model="produit.checked"> {{produit.text}}
            </label>
        </div>
        </li>
    </ul>
</template>

<script>

export default ({
    computed: {
        products: function() {
            return this.$store.state.produits;
        }
    }
})
</script>

提前致谢

Answer 1

Produits 不是你总是可以写成驼峰式的产品，所以你不会感到困惑。

Vue：商店状态不会在应用程序中呈现

1 个答案: