v-dialogを閉じるメソッドを作成したい

Question

前提・実現したいこと

Vue.jsでアプリを作成中
UIフレームワーク「Vuetify」を利用中

登録ボタンを押すと同時に、ダイアログ(v-dialog)が閉じるメソッドを作成したい。

発生している問題・エラーメッセージ

エラーメッセージ
app.js:38414 TypeError: Cannot set properties of undefined (setting 'value')

閉じれません。

該当のソースコード

<template>
    <div>
        <v-row justify="start">
            <v-col cols="auto">
                <v-dialog max-width="90%" scrollable>
                    <template  v-slot:default="dialog">
                        <v-card class="dialogBg">
                            <v-toolbar color="primary" dark dense>記録入力
                                <v-spacer></v-spacer>
                                <v-btn icon @click="dialog.value = false">
                                    <v-icon>mdi-window-close</v-icon>
                                </v-btn>
                            </v-toolbar>
                            <v-card-text>
                                <RecordForm ref="RecordForm"></RecordForm>
                            </v-card-text>
                            <v-card-actions class="end">
                                <v-btn text @click="submit" color="primary">登録</v-btn>
                                <v-btn text @click="dialog.value = false" color="primary">閉じる</v-btn>
                            </v-card-actions>
                        </v-card>
                    </template>
                </v-dialog>
            </v-col>
</template>
<script>
    import RecordForm from '../layout/RecordForm'

    export default {
        components: {
            RecordForm,
        },
        methods: {
            closeDialog(){
                this.dialog.value=false
            },

            submit() {//登録ボタンが押されたときに発動するメソッド
                this.$refs.RecordForm.post()//別ファイルのメソッドを呼び出し
                this.closeDialog()//ダイアログを閉じるメソッドを呼び出し
            },
          }
</script>

試したこと

閉じるボタンからは閉じれます。

<v-btn text @click="dialog.value = false" color="primary">閉じる</v-btn>

そのため、
dialog.valueの値をfalseにできれば閉じれると思っていました。

エラー内容からするに、dialogにvalueなんてプロパティはない！
といわれているようなので、

data() {
    return {
        dialog:{value:null},
    }

と空のオブジェクトを定義してみたりもしましたが、エラーが出なくなるだけでダイアログは閉じませんでした。

他には、
閉じるボタンの@clickを編集して

<v-btn text @click="closeDialog" color="primary">閉じる</v-btn>

としてみた場合も、エラーが出てNG。
どうやらメソッド化した時点でうまく動作しなくなってしまうようです。

dialog.valueという変数（プロパティ？）がVuetify側に握られていてどうにもならなさそうな感じもしています。

何かいい方法はないでしょうか。

たとえば、キーボードのESCキーを押したときにもダイアログは閉じます。
「ESCキーが押下されたことにする」のようなVue.jsの書き方があれば、それでも結構です。

補足情報（FW/ツールのバージョンなど）

Vue2
vuetify@2.6.1

Answer 1

バージョン回答ありがとうございます。
v-modelの指定がないためですかね。以下だとどうでしょうか？

      <v-dialog v-model="dialog">

Comments

[bokupiroki]

ありがとうございます。ダメでした。エラーは出ませんが何も起こりません。
vuetifyは2.6.1です。
質問欄にも追記させていただきました。

[bokupiroki]

解決しました！ありがとうございます。

html部分
<v-dialog max-width="90%" scrollable v-model="dialog">

js部分
closeDialog(){
this.dialog = false
},

submit() {
this.$refs.RecordForm.post()
this.closeDialog()
},