Vue에서 공백을 바꾸는 방법

Vue는 공백을 바꾸는 방법을 구현합니다. 1. vue 샘플 파일을 만듭니다. 2. 정규식 "string = string.replace(/s/g," ");"을 통해 모든 공백을 바꿉니다. .log(string);"은 대체된 문자열을 출력합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, Vue 버전 3, Dell G3 컴퓨터.

vue에서 공백을 바꾸는 방법은 무엇입니까?

vue: 복사 기능에서 문자열의 공백을 바꾸고 줄 바꿈 문자 rn 또는 n을 제거합니다.

One: 복사 기능

export default {
methods: {
copy(value) {
try{
const textarea = document.createElement('textarea');
document.body.appendChild(textarea);//添加到body中
textarea.value = value;//给dom设置值
textarea.select();//设置选中
const copyFalse = document.execCommand('copy', false);
if(copyFalse){
this.alert('复制成功');
}else{
this.alert('复制失败');
}
textarea.remove();//用完移除dom
} catch {
this.alert('复制失败')
}
}
}
}

Two: 문자열의 공백을 바꾸고 줄 바꿈 문자 rn 또는 교체 n

캐리지 리턴 및 줄 바꿈 문자를 올바르게 표시하려면 n 또는 rn을
로 바꿔야 합니다. 마찬가지로 공백을  로 바꾸세요. 여기서는 정규식으로 대체하겠습니다.

1. 모든 공백, 캐리지 리턴 및 줄 바꿈

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

2. 모든 공백, 캐리지 리턴 및 줄 바꿈 제거

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

권장 학습: "vue.js 비디오 튜토리얼"

위 내용은 Vue에서 공백을 바꾸는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!