vue使用一些方法

我会带着你远行 2023-02-18 09:43 21阅读 0赞

#### 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();
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关【vue】vue-meta使用方法

本文介绍Vue3中vue-meta的使用方法 > meta标签用于设置HTML的元数据（描述数据的数据），该数据不会显示在页面中，主要用于浏览器（如和现实内容或重新加载页面）

梦里梦外;/ 2023年06月25日 03:09/ 0 赞/ 125 阅读

相关对Vue一些方法的理解

Vue.filter 场景:时间戳转化成年月日这是一个公共方法,所以可以抽离成过滤器使用并且可以在HTML标签中使用，这就可以在v-for中使用在v-for中并

不念不忘少年蓝@/ 2023年06月08日 06:34/ 0 赞/ 119 阅读

相关 vue使用一些方法

1、输入框只能输入数字和小数点 // 只能输入数字和小数点 onlyNumber(key){ this.formDatas[key]=t

我会带着你远行/ 2023年02月18日 09:43/ 0 赞/ 22 阅读

相关 vue 使用 setInterval()方法

mounted() { this.getElevatorList();// 要先这样执行一遍 setInterval(this.getE

骑猪看日落/ 2022年10月07日 12:59/ 0 赞/ 261 阅读

相关 freemarker一些基础使用方法

FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成: 1,文本:直接输出的部分 2,注释:<\-- ...

雨点打透心脏的1/2处/ 2022年06月01日 13:24/ 0 赞/ 884 阅读

相关 Vue input的一些方法

多选框获取value 值，已经动态改变样式 ![70][] <div class="doctor"> <div class="doctor-li">

迷南。/ 2022年05月13日 04:44/ 0 赞/ 340 阅读

相关一些WxPython的使用方法（2）

chapter 13 coding=gbk ''' Created on 2018年11月21日 @author: Administ

梦里梦外;/ 2022年04月15日 05:11/ 0 赞/ 304 阅读

相关一些WxPython的使用方法（1）

chapter 11 ： coding=gbk ''' Created on 2018年11月21日 @author: Admini

叁歲伎倆/ 2022年04月15日 05:10/ 0 赞/ 349 阅读

相关一些WxPython的使用方法（3）

chapter 14 coding=gbk ''' Created on 2018年11月21日 @author: Administ

爱被打了一巴掌/ 2022年04月14日 03:47/ 0 赞/ 392 阅读

相关 XPath的一些使用方法

简述：XPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。一、Xpath节点在 XPath 中，有七种类型

矫情吗；*/ 2021年09月20日 11:12/ 0 赞/ 588 阅读