ホームページ > ウェブフロントエンド > Vue.js > vueでスペースを置換する方法

vueでスペースを置換する方法

藏色散人
リリース: 2022-12-22 09:40:53
オリジナル
4342 人が閲覧しました

Vue はスペースを置換するメソッドを実装します: 1. vue サンプル ファイルを作成します; 2. 正規表現 "string = string.replace(/\s/g," ");" を使用してすべてのスペースを置換します。 3. 「console.log(string);」を使用して、置換された文字列を出力します。

vueでスペースを置換する方法

#このチュートリアルの動作環境: Windows 10 システム、Vue バージョン 3、Dell G3 コンピューター。

vue でスペースを置き換える方法は?

vue: コピー関数の文字列内のスペースを置換し、改行文字を削除します \r\n または \n

1: コピー関数

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('复制失败')
}
}
}
}
ログイン後にコピー

2: 文字列内のスペース、改行 \r\n または \n を置き換えます

キャリッジ リターンとライン フィード文字を正しく表示するには、\n または \r を置き換える必要があります\n
を使用します。同様に、スペースを に置き換えます。ここでは正規表現に置き換えてみましょう。

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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート