将Summernote编辑器textarea与数据库中的表单和存储绑定（Vue.Js - Laravel）

Question

我有一个博客表单，使用Vue组件和Laravel控制器将帖子存储在数据库中...表格中有两个字段1）标题2）内容（使用summernote的textarea编辑器）...问题是当我尝试发布表单数据以存储在数据库中，它不会将summernote textarea的内容与使用v-model的表单绑定。请帮我解决此问题。

这是我的Textarea ：

<div class="form-group row">
    <label class="col-md-3 col-form-label text-md-right">Content</label>
       <div class="col-md-7">
         <textarea v-model="form.content" name="content"  class="form-control summernote" :class="{ 'is-invalid': form.errors.has('content') }">
         </textarea>
           <span class="help-block" v-if="form.errors.has('content')">{{ form.errors.get('content') }}</span>
       </div>
 </div>

Vue组件：

<script>
    import Form from './Form'

    export default {
        middleware: 'auth',
        name: 'create-blog',
        mounted() {

            $('.summernote').summernote({
                height:300,
            });


        },
        created() {
        },
        data() {
            return {
                form: new Form({
                    title: '',
                    content: '',

                })
            }
        },

        computed: {},


        methods: {
            async create() {
                const {data} = await this.form.submit();
                window.toast.success('Blog Created');

            },
        }
    }

</script>