popover 안내문

---

태그 위에 마유스 커서가 올라갔을 때 안내문이 "띵" 하고 나오게 해야한다.

alter 창이 아닌 그 영역의 안내문 개념인 popover 

 

template 에서 지원하는 popover는 디자인 변경이 불가능해서

디자인 변경이 가능한 popover 를 찾아야 한다.

 

---

import {Popover} from 'element-ui'

 

 

<div class="keyword-span-div">
	<span> 
		<el-popover trigger="hover" placement="top">
		  <div>
			<h3> popover 란 ?  </h3>
			<div> 특정 상황에서 현재 시점의 element 를 체크해서 그에 맞는 메뉴를 띄워주는 것 </div>
		  </div> 
		<base-button slot="reference">
		  <el-button slot="reference" type="primary">버튼</el-button>
		</base-button>
	  </el-popover>
    조건 키워드</span>
</div>

 

버튼에 마우스가 올라갔을 때 el-popover 안에 있는 요소가 나타난다

---