脚本宝典收集整理的这篇文章主要介绍了uni-app项目数字滚动,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
1.插件代码拷贝
2.插件全局配置
import countUp from './components/countUp.vue'
Vue.component('countup',countUp)
3.插件使用
<template>
<view>
<countup :num="num" color="#ff9e50" width='13' height='23' fontSize='23'></countup>
<button @tap="add">Add</button>
<button @tap="reduce">Reduce</button>
</view>
</template>
<script>
export default {
data() {
return {
num:123.453
};
},
onLoad() {},
methods: {
add() {
this.num=++this.num;
},
reduce(){
this.num=--this.num;
}
}
};
</script>
uni-app项目中使用都兼容
以上是脚本宝典为你收集整理的uni-app项目数字滚动全部内容,希望文章能够帮你解决uni-app项目数字滚动所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。