#Vue ( #nuxt 環境 ) で v-model を使って input 入力の文字列を template の変数として利用する簡単な例

NOTE

フォーム入力バインディング — Vue.js

Code

<template>
  <div>
    <h2>
      {{ message }}
    </h2>
    <input v-model="message">
  </div>
</template>

<script>
export default {
  data () {
    return {
      message: "Please change message"
    }
  },
}
</script>

View

Original by Github issue

https://github.com/YumaInaura/YumaInaura/issues/3144

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

Twitter

https://twitter.com/YumaInaura

公開日時

2020-05-06