user-behavior-monitor
v9.1.7
Published
Vue component for monitoring user behavior and auto-logout
Maintainers
Readme
User Behavior Monitor Component
Vue 2.5.2 兼容的用户行为监控组件,用于监测用户操作并在超时后自动登出。
安装
```bash npm install user-behavior-monitor
使用方法
方式一:全局注册
```javascript import Vue from 'vue'; import UserBehaviorMonitor from 'user-behavior-monitor'; import 'element-ui/lib/theme-chalk/index.css';
Vue.use(UserBehaviorMonitor); ```
方式二:局部注册
```javascript import UserBehaviorMonitor from 'user-behavior-monitor';
export default { components: { UserBehaviorMonitor } } ```
在模板中使用
```vue
```
Props
Events
| 事件名 | 说明 | | --- | --- | | websocket-open | WebSocket连接建立 | | websocket-message | 收到WebSocket消息 | | websocket-error | WebSocket连接错误 | | websocket-close | WebSocket连接关闭 | | user-active | 用户有活动 | | timeout-warning | 超时警告 | | timeout | 超时 | | logout | 登出 |
方法
| 方法名 | 说明 | | --- | --- | | reset() | 手动重置监控计时器 | | reconnect() | 重新连接WebSocket |
