如何在 <b-form-input> Vue 中禁用点击事件.js

Question

我禁用了b-form-input字段。我需要在单击输入框时启用它，但@click不起作用。

<b-form-input
value="John"
:disabled="!detailsEditable"
@input="detailsEditable = true"
></b-form-input>

在脚本中，初始化详细信息可编辑 = 假

Answer 1

将 b 表单输入设置为只读

<b-form-input
value="John"
:readonly="!detailsEditable"
@input="detailsEditable = true"
></b-form-input>