前提・実現したいこと
現在、Vue.jsを使用してSPAのサイトの作り方の勉強をしています。
実現したいこととしましては.vueファイルにおいて、
以下の「message1」と「message2」を改行させることです。
vue
1<template> 2 <v-footer id="footer-bar" app height="60"> 3 <p v-cloak class="message1">{{ message1 }}</p> 4 <p v-cloak class="message2">{{ message2 }}</p> 5 </v-footer> 6</template> 7 8<script> 9export default { 10 name: '~~~~', 11 data () { 12 return { 13 message1: 'メッセージ1です。', 14 message2: 'メッセージ2です。', 15 } 16 }, 17} 18</script> 19
発生している問題・エラーメッセージ
上記ファイルを実行したところ、
メッセージ1です。メッセージ2です。
と表示されてしまいます。
試したこと
調べたところ、cssでwhite-spaceを使用すれば一応改行できるとのことで実際試したところできたのですが、
<script>のところを以下のように書かなければならず、少ししたいことと違います。 ```vue data () { return { message1: `メッセージ1です。 メッセージ2です。`, } }, ``` なんとか、タグで改行させる方法などご存じの方がいらっしゃればご教授いただけませんでしょうか。 (pタグでなくても大丈夫です) よろしくお願いいたします。 ### 補足情報(FW/ツールのバージョンなど) vue.js2.9.6回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/31 07:06