1

我在我的项目中Vue v3.2.20使用Varlet UI v1.25.0和。Bootstrap 5到目前为止，一切都运行良好，但我无法让涟漪效应在任何地方发挥作用，即使在按钮上也是如此。我在控制台中没有收到任何错误或警告。一个简单的按钮声明如下：

<var-button type="primary">Add</var-button>

显示一个没有涟漪效果的默认按钮。我这样导入了框架main.js：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

import Varlet from '@varlet/ui'
import '@varlet/ui/es/style.js'

createApp(App).use(router).use(Varlet).mount('#app')

另外，我尝试按照此文档在 div 上手动添加涟漪效果，但仍然没有运气。

4

1 回答 1

0

看起来 Varlet UI 在移动和桌面环境中的工作方式不同，所以为了在桌面上获得涟漪效果，我需要做的就是安装触摸模拟器：

npm i @varlet/touch-emulator

根据指南

于 2022-01-26T15:14:07.210 回答