vue中使用rxjs
vue中使用rxjsvue中使用rxjs 可以使用vue-rx 库如果嫌此库太重或不想加入subscriptions 而直接引入rxjs不使用该库该怎样将click事件转换为流, 使之可节流防抖:<div @click="clickHandler">点我</div>import { Subject } from 'rxjs'import { debounceTime } f
·
vue中使用rxjs
vue中使用rxjs 可以使用vue-rx 库
如果嫌此库太重或不想加入subscriptions 而直接引入rxjs不使用该库
该怎样将click事件转换为流, 使之可节流防抖:
<div @click="clickHandler">点我</div>
import { Subject } from 'rxjs'
import { debounceTime } from 'rxjs/operators'
export default {
.....
data() {
return {
subject: new Subject()
}
},
created() {
this.subject.pipe(debounceTime(500)).subscribe(() => {
console.log("debounce")
})
},
methods: {
clickHandler() {
console.log("origin")
this.subject.next()
}
}
}
连续点击产生结果
更多推荐
已为社区贡献2条内容
所有评论(0)