如何从 Vue.js 中的方法访问计算的 属性

Question

我正在尝试从名为“onSubmit()”的方法访问“generatedOrder”对象。该对象之前已从另一个组件提交到商店，并通过计算的 属性 从 getter 获取到我需要使用它的组件。当我在模板中打印 {{generatedOrder.paymentRequest.code}} 时，我得到了代码，但是当我尝试在 onSubmit 方法中使用它时，我在控制台 TypeError: Cannot read properties of undefined (reading 'code')

中收到以下错误

这是我的一些组件代码：

...
<button @click="onSubmit" class="w-button super-button mt-3">
                                <h6>COBRAR ORDEN DE COMPRA</h6>
                                <p>Caso usuario empresa cobra desde su dispositivo</p>
                        </button>
...

<script>
    module.exports = {
    data() {
        return {
        };
},
    computed: { 
        generatedOrder(){
            return this.$store.getters.generatedOrder
        },
    },
    methods: {
        onSubmit(generatedOrder){
            //ARREGLAR
            window.location.href = drupalSettings.path.baseUrl + 'pagar/' + generatedOrder.paymentRequest.code
        }
    },
}
</script>

Answer 1

应该是this.generatedOrder.paymentRequest.code

您必须对 data 和 computed

中的每个 属性 使用 this