切换布尔属性值

Question

我正在使用布尔属性来指示Vue组件是否已禁用，但是我想通过按钮控制它，以便在以下情况下将其从默认的false更改为true单击该按钮。这是我的代码，但是没有用。

  <v-tooltip v-model="show" top>
        <template v-slot:activator="{ on }">
            <v-btn
                id="editable"
                icon
                v-on="on"
                @click="toggle()"
            >
             <v-icon>mdi-pencil</v-icon>
            </v-btn>
        </template>
        <span>Edit</span>
    </v-tooltip>

props: {
editable: Boolean,
},
data() {
    return {
        editable: false
    }
 },
mounted(){
},
methods:{
    toggle(){
        if(this.editable){
            this.$emit('sendValue', $event.editable.false)
        }else{
            this.$emit('sendValue', $event.editable.true)
        }
    }
},

因此，当单击v-btn "editable"时，editable属性值将从false更改为true，依此类推。

有建议吗？