Heim > Web-Frontend > View.js > So ersetzen Sie Leerzeichen in Vue

So ersetzen Sie Leerzeichen in Vue

藏色散人
Freigeben: 2022-12-22 09:40:53
Original
4349 Leute haben es durchsucht

vue实现替换空格的方法:1、创建一个vue示例文件;2、通过正则表达式“string = string.replace(/\s/g," ");”替换所有的空格;3、通过“console.log(string);”输出替换后的字符串即可。

So ersetzen Sie Leerzeichen in Vue

本教程操作环境:Windows10系统、Vue 3版、Dell G3电脑。

vue怎么替换空格?

vue:copy功能中替换字符串中的空格,换行符\r\n或\n去除

一:复制功能

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('复制失败')
}
}
}
}
Nach dem Login kopieren

二:字符串中的空格,换行符\r\n或\n替换

为了让回车换行符正确显示,需要将 \n 或 \r\n 替换成
。同样地,将空格替换存 。这里我们通过正则表达式来替换。

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

//原始字符串
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);
Nach dem Login kopieren

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

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

推荐学习:《vue.js视频教程

Das obige ist der detaillierte Inhalt vonSo ersetzen Sie Leerzeichen in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage