红叶都枫了 @163

vue-单独引入js文件,构造全局方法-取某个范围的随机数(百分比)案例

1.项目下建文件夹commonFunction->random.js 这个js文件内复制代码:

export default{
    randomPercentage:function(a,b){                                  // 将真正的求随机数方法randomPercentage()通过export default暴露出去
        switch(arguments.length){ 
            case 1: 
                return (parseInt(Math.random()*a+1,10)+'%'); 
            break; 
            case 2: 
                return (parseInt(Math.random()*(b-a+1)+a,10)+'%'); 
            break; 
                default: 
                    return 0; 
                break; 
        } 
    }
}
2.全局引入方法,main.js中:
import random from '../commonFunction/random'
Vue.prototype.random=random
非全局的引入方法在使用这个方法的页面:
import random from '../../commonFunction/random'
3.使用,在该页面:
test(){
        console.log(this.random.randomPercentage(1,100))
}
posted @ 2020-03-27 11:11  红叶都枫了163  阅读(843)  评论(0编辑  收藏  举报