kkkghjk 2022-03-10 15:36 采纳率: 0%
浏览 43

<mavoneditor> 在vue里报错

如图

img

<template>
  <div>
    <a-form
      ref="formRef"
      :model="formEssay"
      :rules="rules"
      :label-col="labelCol"
      :wrapper-col="wrapperCol"
    >
      <a-form-item label="标题" name="title">
        <a-input v-model:value="formEssay.title" />
      </a-form-item>
      <a-form-item label="分类" :name="['sub', 'category']">
        <a-input v-model:value="formEssay.sub.category" />
      </a-form-item>
      <a-form-item label="内容" :name="['sub', 'content']">
        <a-input v-model:value="formEssay.sub.content" />
      </a-form-item>
      <a-form-item label="分类" :name="['sub', 'title']">
        <mavon-editor v-model:value="formEssay.sub.title"/>
      </a-form-item>

      <a-form-item :wrapper-col="{ span: 14, offset: 4 }">
        <a-button type="primary" @click="onSubmit">Create</a-button>
        <a-button style="margin-left: 10px" @click="resetForm">Reset</a-button>
      </a-form-item>
    </a-form>
  </div>
</template>
<script>
import { defineComponent, reactive, ref, toRaw } from 'vue';
export default defineComponent({

    setup() {
        const formRef = ref();
        const formEssay = reactive({
            title: undefined,
            sub: {
                category: '',
                content: '',
                title: undefined
            }
        });
        const onSubmit = () => {
            formRef.value
                .validate()
                .then(() => {
                    console.log('values', formEssay, toRaw(formEssay));
                })
                .catch(error => {
                    console.log('error', error);
                });
        };

        const resetForm = () => {
            formRef.value.resetFields();
        };

        return {
            formRef,
            labelCol: {
                span: 4
            },
            wrapperCol: {
                span: 14
            },
            formEssay,
            onSubmit,
            resetForm
        };
    }
});
</script>


  • 写回答

1条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-03-10 16:10
    关注

    e._self 你确定这个编辑器可以兼容vue3版本么?

    评论

报告相同问题?

问题事件

  • 创建了问题 3月10日

悬赏问题

  • ¥15 三极管电路求解,已知电阻电压和三级关放大倍数
  • ¥15 ADS时域 连续相位观察方法
  • ¥15 Opencv配置出错
  • ¥15 模电中二极管,三极管和电容的应用
  • ¥15 关于模型导入UNITY的.FBX: Check external application preferences.警告。
  • ¥15 气象网格数据与卫星轨道数据如何匹配
  • ¥100 java ee ssm项目 悬赏,感兴趣直接联系我
  • ¥15 微软账户问题不小心注销了好像
  • ¥15 x264库中预测模式字IPM、运动向量差MVD、量化后的DCT系数的位置
  • ¥15 curl 命令调用正常,程序调用报 java.net.ConnectException: connection refused