@miguel_ritchie
Чтобы вызвать метод компонента Vue.js по клику, можно использовать директиву v-on:click
или ее краткую запись @click
. Вот пример:
1 2 3 |
<template> <button @click="myMethod">Нажми меня</button> </template> |
В этом примере мы создали кнопку и использовали директиву @click
, чтобы связать ее с методом myMethod
в компоненте Vue. Когда пользователь кликает на кнопку, вызывается метод myMethod
. Здесь myMethod
- это имя метода, который мы хотим вызвать при клике.
Вот как может выглядеть метод myMethod
:
1 2 3 4 5 6 7 8 9 10 |
<script> export default { methods: { myMethod() { // Тело метода console.log('Метод myMethod вызван!'); } } } </script> |
В этом примере мы определили метод myMethod
в компоненте Vue, который просто выводит сообщение в консоль браузера. Когда пользователь кликает на кнопку, вызывается этот метод, и в консоль выводится сообщение.
Здесь важно, чтобы метод myMethod
был определен внутри компонента Vue. Если метод определен вне компонента, он не будет работать.