2017-12-25 10 views
-1

次の画像を参照してください。 vue jsのこれらのコード。インラインコードが最初のイメージとして機能しています。しかし、putが返されると、2番目の画像として、コードは機能しません。しかし、両方の画像でコードはすべて同じですが、違いは複数行です。崇高なテキストエディタからのこれらのイメージは、AtomとNotepad ++でも同じことが起こっていました。リターンキーを入れた後、コードが動作しない

これがなぜ起こったのですか?

Codes are ok Codes are notOk

+0

、あなたは複数行の文字列の構文を使用する必要があります。https://stackoverflow.com/questions/805107/creating-multiline-strings-in-javascript#805113 – dvnguyen

答えて

1

あなたは次の行に移動するには、文字列を教えてくれますそれぞれの新しい行の末尾に\を追加した場合。 ES6でnew string literal syntaxを使用できます。たとえば、ES6の場合(引用符の代わりに `注意してください)。

var my_string = `some other 
cool 
thing` 

あなたはES6を使用することができない場合は、\を使用して同じことを行うことができます。

var my_string = "some other\ 
cool\ 
thing" 

最後に、文字列を追加するだけです。第2のケースで

var my_string = 'Lorem ipsum dolor sit amet, ' + 
    'consectetur adipiscing elit, sed do eiusmod tempor ' + 
    'incididunt ut labore et dolore magna aliqua. Ut enim' + 
    ' ad minim veniam' 
関連する問題