如何在vue.js 2上将type属性从submit更改为button？

Question

我试着这样：

<template>
    <button @click="checkout" class="btn btn-danger pull-right" :type="typeButton">
        Checkout
    </button> 
</template>
<script>
    export default {
        methods: {
            data() {
                return {
                    typeButton: 'submit'
                }
            },
            checkout(e) {
                this.typeButton = 'button'
                ...
            }
        },
    }
</script>

出现以下错误：

  

[Vue警告]：属性或方法“typeButton”未定义   实例，但在渲染期间引用。确保声明被动   数据选项中的数据属性。

我该如何解决这个问题？

Answer 1

将G对象移出data(){}

因此，您的methods: {}应如下所示：

export