vue使用一些方法

1、输入框只能输入数字和小数点

// 只能输入数字和小数点
onlyNumber(key){
    this.formDatas[key]=this.formDatas[key].replace(/[^\d.]/g,'');
}

2、根据编号转换对应的文字

// 基础数据形如
var status=[
    {'value':0,'label':'西安','color':'#ff0000'},
    {'value':1,'label':'重庆','color':'#31bd11'}
]

/** 根据编号转换文字和颜色
 * @method convertStrFn
 * @param {Number} str 返回的编号
 * @param {Array} arr 对比的数据，基础数据中自定义
 * @return {Array | String} 返回转换后的数组或字符串
 */
const convertStrFn=(str,arr)=>{
    if(str!==undefined){
        var tempArr='';
        arr.forEach(function(item){
            if(str==item.value){
                if(item.color){
                    tempArr=[item.label,item.color];
                }else{
                    tempArr=item.label;
                }
            }
        })
        return tempArr;
    }
}

3、编辑页面离开时提示

// 导航离开守卫
const bfRouteLeave=(isCanLeave,next)=>{
    if(!isCanLeave){
        Vue.prototype.$confirm('您正在离开编辑页面，请确保内容已保存？', '提示', {
            confirmButtonText: '离开',
            cancelButtonText: '取消',
            type: 'warning'
        }).then(() => {
            next();
        }).catch(() => {
            next(false);
        });
    }else{
        next();
    }
}