工作随手记录

LiveAsset-

已于 2023-07-16 23:21:56 修改

阅读量154

点赞数 1

分类专栏：笔记文章标签： js javascript

于 2020-10-23 17:04:14 首次发布

本文链接：https://blog.csdn.net/weixin_42261369/article/details/109246108

版权

笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

vue限制输入框只能输入8位整数和2位小数

使用watch+v-model实现，也可以使用element-ui的验证功能来实现

<input id="amt" type="number" v-model="amount"/>

// script
data:{
  return{
    amount:""
  }
}

watch:{
  amount(newVal,oldVal){
	console.log(newVal)
	var reg = /^(\d{0,8})(\.(\d{0,2}))?$/g;
	if(!reg.test(newVal)){
	  if(newVal == ''){
		this.amount = '';
		return;
	  }
	  this.amount = oldVal
	}else{
	  this.amount = newVal;
	}
  }
}

#vue获取通过外部链接进入页面获取参数

创建utils.js文件，

// 获取url参数
    getUrlKey(name) {
      return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ''])[1].replace(/\+/g, '%20')) || null;
	  },

全局注册使用

import utils  from './utils' 
Vue.prototype.$utils=utils            //注册全局方法
let channel=this.$utils.getUrlKey("channel")

也可以单页面使用

import utils  from './utils' 
let channel=this.utils.getUrlKey("channel")

#js替换字符串中的空格，换行符\r\n或\n替换成

一、替换所有的空格、回车换行符

	//原始字符串
   var string = "欢迎访问!\r\nhangge.com    做最好的开发者知识平台";
    
   //替换所有的换行符
   string = string.replace(/\r\n/g,"<br>")
   string = string.replace(/\n/g,"<br>");
    
   //替换所有的空格（中文空格、英文空格都会被替换）
   string = string.replace(/\s/g," ");
    
   //输出转换后的字符串
   console.log(string);

去掉所有的空格、回车换行符

//原始字符串
var string = "欢迎访问!\r\nhangge.com    做最好的开发者知识平台";
 
//去掉所有的换行符
string = string.replace(/\r\n/g,"")
string = string.replace(/\n/g,"");
 
//去掉所有的空格（中文空格、英文空格都会被替换）
string = string.replace(/\s/g,"");
 
//输出转换后的字符串
console.log(string);