uni-app picker-view与picker震动效果不一致
uni-app picker-view与picker震动效果不一致
开发环境 | 版本号 | 项目创建方式 |
---|---|---|
Mac | 最新 | HBuilderX |
示例代码:
picker-view与picker震动效果不一致, picker很清脆,震动强烈, picker-view很闷,震动很弱, 而且无法自行调整震动效果
## 操作步骤:
picker-view与picker震动效果不一致, picker很清脆,震动强烈, picker-view很闷,震动很弱, 而且无法自行调整震动效果
预期结果:
picker-view与picker震动效果不一致, picker很清脆,震动强烈, picker-view很闷,震动很弱, 而且无法自行调整震动效果
## 实际结果:
picker-view与picker震动效果不一致, picker很清脆,震动强烈, picker-view很闷,震动很弱, 而且无法自行调整震动效果
bug描述:
picker-view与picker震动效果不一致, picker很清脆,震动强烈, picker-view很闷,震动很弱, 而且无法自行调整震动效果
在 uni-app
中,picker-view
和 picker
是两个不同的组件,它们的实现方式和行为也有所不同,这可能导致它们在震动效果上表现不一致。
1. picker
组件
picker
是一个封装好的选择器组件,通常用于选择日期、时间、地区等。它的震动效果是由系统原生组件提供的,因此在不同的平台上(如 iOS 和 Android),震动效果可能会有所不同。picker
的震动效果通常是由系统默认的行为控制的,开发者无法直接修改。
2. picker-view
组件
picker-view
是一个自定义的选择器视图组件,开发者可以完全控制其内容和行为。由于 picker-view
是自定义的,它默认不会提供震动效果。如果你希望在 picker-view
中实现震动效果,需要手动添加震动逻辑。
3. 如何实现 picker-view
的震动效果
如果你希望在 picker-view
中实现与 picker
类似的震动效果,可以使用 uni.vibrateShort
或 uni.vibrateLong
方法来实现震动。
例如,在 picker-view
的 change
事件中触发震动:
<template>
<picker-view [@change](/user/change)="handleChange">
<!-- picker-view-columns -->
</picker-view>
</template>
<script>
export default {
methods: {
handleChange(event) {
// 触发短震动
uni.vibrateShort({
success: function () {
console.log('震动成功');
},
fail: function (err) {
console.log('震动失败', err);
}
});
}
}
}
</script>