Maison  >  Article  >  interface Web  >  Comment remplacer les espaces dans vue

Comment remplacer les espaces dans vue

藏色散人
藏色散人original
2022-12-22 09:40:534288parcourir

Vue implémente la méthode de remplacement des espaces : 1. Créez un exemple de fichier vue ; 2. Remplacez tous les espaces via l'expression régulière "string = string.replace(/s/g," ");" 3. Via "console" .log(string);" affiche simplement la chaîne remplacée.

Comment remplacer les espaces dans vue

L'environnement d'exploitation de ce tutoriel : système Windows 10, Vue version 3, ordinateur Dell G3.

Comment remplacer les espaces en vue ?

vue : Dans la fonction de copie, remplacez les espaces dans la chaîne et supprimez le caractère de nouvelle ligne rn ou n

Un : Fonction de copie

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

Deux : Remplacez les espaces dans la chaîne et remplacez le caractère de nouvelle ligne rn ou n

Pour que les caractères de retour chariot et de saut de ligne s'affichent correctement, vous devez remplacer n ou rn par 0c6dc11e160d3b678d68754cc175188a. De même, remplacez les espaces par  . Ici, nous le remplaçons par des expressions régulières.

1. Remplacez tous les espaces, retours chariot et sauts de ligne

//原始字符串
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 Supprimez tous les espaces, retours chariot et sauts de ligne

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

Apprentissage recommandé : "Tutoriel vidéo vue.js"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn