<template> <div class="body"> <form action="http://hoge" method="post"> <label for="LastName">姓</label> <input type="text" v-model="Name" required> <button type="submit" @click="OnSubmit">送信</button> </form> </div> </template> <script lang="ts"> import { Component, Vue } from "nuxt-property-decorator"; export default class Home extends Vue { head() { return { title: "マイサイト" }; } Name: string = ""; public OnSubmit = () => { console.log(this.Name); } } </script>
上記のコードでNameに適当な文字列入れて、submitしても中身が空になってしまうのですが、なぜなのでしょうか?
あなたの回答
tips
プレビュー