zoukankan      html  css  js  c++  java
  • 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))
    }
  • 相关阅读:
    Linux下查看tomcat版本
    React跳转路由传参3种方法和区别
    pc端布局方案
    vue针对搜索引擎做SEO优化
    vue-cli3配置vue.config.js持续更新
    MySQL连接语法(多表查询)
    MySQL约束和外键约束
    MySQL数据库查询
    MySQL数据库入门
    jQuery用法和bootstrap框架
  • 原文地址:https://www.cnblogs.com/wd163/p/12579815.html
Copyright © 2011-2022 走看看