配列のデータをtextarea内に表示させるには？

<div v-for="date in arry"> {{date}} </div> には、普通に

a
b
c

のように表示されますが、
これをそのままtextarea内に表示させるにはどうしたら良いでしょうか？

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://unpkg.com/vue@next"></script>
</head>
<body>
    <div id="app">

        <div v-for="date in arry">
            {{date}}
        </div>

        <textarea></textarea>

    </div>
</body>
</html>
<script>
    const app = Vue.createApp({

      data(){
        return {
          arry:["a","b","c"],
        }
      }
    }).mount('#app')
</script>

以上よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

javascript
1<textarea v-text="arry.join('\n')"></textarea>

投稿2021/12/16 00:23

yambejp

総合スコア116724

fdkfjah

2021/12/16 01:58

回答ありがとうございます。 return { arry:["a","b","c"], } のほうで色々こねくり回していましたが、そちらのほうで.joinでしたか。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

配列のデータをtextarea内に表示させるには？

関連した質問