vue設置input不可編輯切換

html：

 <Input name="a" v-model="formValidate.coName" placeholder="請輸入姓名" v-bind:disabled="diasabledInput"></Input>

 

script：

<script>
    export default {
      
        data () {
          
            return {
                diasabledInput:false,
            }
        }，
     methods: {
            handleSubmit:function () {
                  if(this.diasabledInput){
                   this.diasabledInput=false;
                }else{
                   this.diasabledInput=true;
                }
            }
    }