波纹指令

v-ripple指令被用于显示用户的操作。它可以应用于任何块级元素。许多组件都带有内置的博文指令,比如v-btnv-tabs-item等等。

用例

Basic ripple functionality can be enabled just by using v-ripple directive on a component or an HTML element

API

v-ripple
名称
value
默认值
{}
类型
Object

Directives.Ripples.

示例

自定义色彩

您可以使用辅助器类改变波纹的颜色。

Centered ripple

When a center option is used ripple will always originate from the center of the target.

Ripple in components

Some components provide the ripple prop that allows you to controll the ripple effect. You can turn it off or customize the behaviour by using class or center options.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore