Рубрики
Vue Вызов Vue основы

Вызов в компоненте

Вызов функций

Простая Функция

возвращение значения для присвоения

<script>export default {methods: {
Функция(){return...}
}</script>

Анонимная Функция
лямда-выражение

Вызвать ИмяСобытия верхнего компонента через emit и передать параметр value типа prop или data компонента

<template>
<a @ИмяСобытия="this.$emit('ИмяСобытия', value)">{{value}}</a>
</template>

Вызвать ИмяСобытия верхнего компонента через emit и передать параметр data принадлежащей контенту дочернего компонента comp.

<template>
<comp @ИмяСобытия="data => this.$emit('ИмяСобытия', data)">test</comp>
</template>

Вызвать функцию у соседнего компонента comp2 в comp1 через ref и передать параметр data, принадлежащий comp1

<template>
<comp2 ref="ref1">test</comp2>
<comp1 @ИмяСобытия="data => this.$refs.ref1.функция(data)">test</comp1>
</template>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *