vuejs2 - 在 Vuejs 中，是否可以将模型绑定(bind)到按钮？

Question

刚开始使用 Vuejs - 是否可以像这样将模型绑定(bind)到按钮:

<button class="btn btn-outline-secondary" v-model="pricing" @click="showCountyModal = true">edit</button>

好像没有。惯用模式是使用:

<button class="btn btn-outline-secondary" @click="willShowCountyModal(pricing)">edit</button>

哪个看起来有用？

Answer 1

vuejs 中的v-model 用于数据从模型到模板和模板到模型的双向绑定(bind)用于输入字段将数据与模型绑定(bind)，不能将v-model 添加到按钮，这是不正确的。所以第二种方法是正确的:

<button class="btn btn-outline-secondary" @click="willShowCountyModal(pricing)">edit</button>