Javascript 切换布尔属性值

我使用一个布尔属性来指示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)
        }
    }
},

mdi铅笔
编辑
道具：{
可编辑：布尔，
},
数据（）{
返回{
可编辑：false
}
},
安装的（）{
},
方法：{
切换（）{
如果（此.可编辑）{
这是。$emit（'sendValue'，$event.editable.false）
}否则{
这是。$emit（'sendValue'，$event.editable.true）
}
}
},

因此，当点击

v-btn“可编辑”

时，

editable

prop值从false变为true，依此类推

---

有什么建议吗

@click=“toggle（）”

切换（可编辑）

您没有传入参数。很抱歉，忘记添加该参数，但它不起作用。

可编辑

是一个数据属性。你为什么要把它传进来？嗯，我想让它更新。但是它在组件上。在范围之内。您已经可以访问它了。