Bagaimana untuk menggantikan ruang dalam vue

Vue melaksanakan kaedah menggantikan ruang: 1. Buat fail sampel vue; 2. Gantikan semua ruang melalui ungkapan biasa "string = string.replace(/s/g," ");" 3 . , hanya keluarkan rentetan yang diganti melalui "console.log(string);".

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi Vue 3, komputer Dell G3.

Bagaimana untuk menggantikan ruang dalam vue?

vue: Gantikan ruang dalam rentetan dalam fungsi salin, alih keluar baris baharu rn atau n

Satu: Salin fungsi

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

Dua: Gantikan ruang, aksara suapan baris rn atau n dalam rentetan

Untuk memaparkan pemulangan gerabak dan aksara suapan baris dengan betul, anda perlu menggantikan n atau rn dengan
. Begitu juga, gantikan ruang dengan . Di sini kita menggantikannya dengan ungkapan biasa.

1. Gantikan semua ruang, pengembalian pengangkutan dan suapan baris

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

Atas ialah kandungan terperinci Bagaimana untuk menggantikan ruang dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!