DataV中数字翻牌器的使用

  • Post author:
  • Post category:其他


在html中加入如下代码:

<dv-digital-flop :config="config" />

在data中定义如下代码:

config:{
	number:[100],//初始数据
    content:'{nt}',
    style: {
    	//这里可以修改默认样式
        fontSize: 30,//字体大小
        fill: '#FFFFFF'//字体颜色
    }
}

在mounted里定义一个定时器,用来触发事件:

setInterval( ()=>{
      this.power(360);
},5000);

在methods里定义方法:

power(n){
    this.config.number[0] = Math.floor((Math.random() * n) + 1);
    this.config=  {...this.config};//对象解构,更新props
}



版权声明:本文为m0_68937827原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。