Vue | 마우스 온 색상 변경
페이지 정보
작성자 전소현 작성일20-07-21 18:50 조회565회 댓글0건관련링크
본문
<template>
<button @mouseover="isHovering = true" @mouseleave="isHovering = false" :class="{active: isHovering}"> 마우스 올리면 색상 변경</button>
</template>
[script lang="ts"]
export default class Index extends Vue {
private isHovering: boolean = false;
}
[style]
.active {
background: rgb(20, 136, 165);
}
<button @mouseover="isHovering = true" @mouseleave="isHovering = false" :class="{active: isHovering}"> 마우스 올리면 색상 변경</button>
</template>
[script lang="ts"]
export default class Index extends Vue {
private isHovering: boolean = false;
}
[style]
.active {
background: rgb(20, 136, 165);
}
[주소복사] https://www.goodsweb.kr/?u=D41KY4By
SNS 알리기
핀터레스트
텔레그램로
블로그로
페이스북
트위터
카카오스토리
카톡 공유
관련 블로그
로딩중