Javascript 为什么Summernote文本编辑器值返回空？（Vue Js）

我正在使用Summernote文本编辑器，每当我提交表单时，它都会返回空结果。我在下面分享了我的代码

Vue组件

导出默认值{
名称：“页面创建”，
数据（）{
返回{
第页：{
内容：“”
},
}
},
方法：{
提交页（e）{
e、 预防默认值（）；
console.log（this.page.content）；//在控制台中返回空结果
}
}
}

我是如何从文本编辑器或其他人那里得到我的价值的

<div class="col-md-12">
   <div id="summernoteExample" :v-model="page.content">
   </div>
</div>
<script>
export default {
    name: 'PageCreate',
    data() {
        return {
            page: {
                content:''
            },

        }
    },
    methods: {
        submitPage(e) {
            e.preventDefault();
            console.log(this.page.content); // Return Empty Result in console
        }
    }
}
</script>