Как передать событие нажатия на другую кнопку и вызвать всплывающее окно - PullRequest
Новая
       37

Как передать событие нажатия на другую кнопку и вызвать всплывающее окно

0 голосов
/ 23 мая 2019

Я использую этот компонент https://element.eleme.io/#/en-US/component/popover

Мне нужно правильно передать событие нажатия от одной кнопки к другой и показать всплывающее окно под перенаправленной кнопкой 

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.8.2/lib/index.js"></script>
<div id="app">
<template>
   <el-button @click="$refs.forward.click()">Click to forward</el-button>
  <el-popover
    placement="bottom"
    title="Title"
    width="200"
    trigger="click"
    content="this is content, this is content, this is content">
    <el-button ref="forward" slot="reference">Click to activate</el-button>
  </el-popover>

</template>
</div>

Я прошел событие нажатиячерез $refs.forward.click(), но это не вызывает всплывающее окно.Я что-то упустил?

https://codepen.io/anon/pen/dEdENJ

1 Ответ

1 голос
/ 24 мая 2019

Вы слишком обдумываете это здесь:

добавьте новое свойство к data с именем visible

visible: false

А затем просто измените его на click to forward

@click="visible = !visible"

Наконец, назначьте это для v-model всплывающего окна: 

v-model="visible"

Готово.

...