Javascript 条件检查以查看在vue输入中使用哪种方法

目前正在通过制作待办事项列表学习

vue

我希望能够编辑待办事项，所以我添加了一个编辑按钮。编辑后，输入将为文本类型，编辑的文本将被保存

我让他们工作，但最后一部分，保存（编辑相同的按钮）是点击。 我试过用类似的东西

  <button
    class="btn btn-sm"
    :class="editable ? 'btn-outline-success' : 'btn-outline-info'"
    @click.prevent="editable ? onSave : onEdit">{{ editable ? 'save' : 'edit' }}
  </button>

{{可编辑？'save'：'edit'}

这实际上以某种方式禁用了按钮，当我单击按钮时，

onEdit

方法甚至根本不会发生

是我做错了还是这根本不可能

---

提前感谢您的建议和建议

我认为您调用函数的方式不正确。我已经在下面的代码片段中完成了。你可以去看看。我使用了相同的类语法

---

希望有帮助

您的类语法有点错误。它需要一个对象，类作为键，true或false作为值

:class="{  'btn-outline-success' : editable,  'btn-outline-info' : !editable }"

---

啊!！谢谢，我从来没有想过添加

（）

，因为通常不需要，而且很多教程都明确表示不需要

（）

。因此，不要期望在这种情况下需要它：|我明白你的意思，但我所拥有的也可以，尽管没有错误