Skip to content

V-tooltip

v-tooltip 구성 요소는 사용자가 요소 위로 마우스를 가져갈 때 정보를 전달하는 데 유용합니다.

v-model을 통해 도구 설명 표시를 프로그래밍 방식으로 제어할 수도 있습니다.

활성화되면 도구 설명에 기능 설명과 같이 요소를 식별하는 텍스트 레이블이 표시됩니다.

Example 

    <v-tooltip bottom>
      <template v-slot:activator="{ on, attrs }">
        <v-btn
          color="primary"
          dark
          v-bind="attrs"
          v-on="on"
        >
          Button
        </v-btn>
      </template>
      <span>Tooltip</span>
    </v-tooltip>

See also