Блог

Главная - Вопросы по программированию - Привязка кнопки к модели

Привязка кнопки к модели

#vue.js #vuejs2

#vue.js #vuejs2

Вопрос:

Я привязал флажок (вывод данных параметров в цикле):

 <input type="checkbox" v-model="option.active">
  
 options: [
    {
        name: 'one',
        active: false,
    },
    {
        name: 'two',
        active: false,
    },
    ....
]

Я также хочу, чтобы кнопка могла отключать флажок.

Как я могу также привязать кнопку к модели?

Комментарии:

1. <button @click="option.active = false">Click</button>

2. Спасибо — в любом случае, чтобы перенести это в метод?

3. Да, есть. Взгляните на документацию Vue , а затем, возможно, опубликуйте отдельный вопрос, если есть что-то конкретное, чего вы не понимаете в том, как работает обработка событий в Vue.

4. Спасибо, я знаю, как передавать данные методам, но передача option.active просто передаст true, как мне передать ссылку на option.active в объекте данных?

5. Передать option в качестве параметра, а затем в методе: option.active = false

Ответ №1:

Вы должны использовать событие нажатия кнопки:

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

или

 <button @click="option.active = false">Click</button>