vue如何替換空格

這篇“vue如何替換空格”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“vue如何替換空格”文章吧。

vue實現替換空格的方法：1、創建一個vue示例文件；2、通過正則表達式“string = string.replace(/\s/g," ");”替換所有的空格；3、通過“console.log(string);”輸出替換后的字符串即可。

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('復制失敗')
}
}
}
}

二：字符串中的空格，換行符\r\n或\n替換

為了讓回車換行符正確顯示，需要將 \n 或 \r\n 替換成 <br>。同樣地，將空格替換存 &nbsp;。這里我們通過正則表達式來替換。

一、替換所有的空格、回車換行符

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

二、去掉所有的空格、回車換行符

//原始字符串
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如何替換空格”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。