タイプ属性をvue.js 2のsubmitからbuttonに変更するにはどうすればよいですか？

Question

私はこのようにしてみてください：

[Vue warn]: Property or method "typeButton" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.

どのように私はこの問題を解決することができます

<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> 

次のエラーを与えますか？

Answer 1

は、だからあなたの methods: {}

のあなたdata(){}オブジェクトを移動

、あなたのexportは次のようになります。

export default { 
    data() { 
    return { 
     typeButton: 'submit' 
    } 
    }, 
    methods: { 
    checkout(e) { 
     this.typeButton = 'button' 
    } 
    }, 
}