vue.js - 将按钮绑定到模型？

Question

我绑定了一个复选框（循环中的选项数据输出）：

<input type="checkbox" v-model="option.active">

options: [
    {
        name: 'one',
        active: false,
    },
    {
        name: 'two',
        active: false,
    },
    ....
]

我还想要一个能够关闭复选框的按钮。

我怎样才能将按钮绑定到模型？

标签： vue.jsvuejs2

Answer 1

您必须使用按钮的单击事件：

<button v-on:click="option.active = false">Click</button>
// or
<button @click="option.active = false">Click</button>