我正在使用 Tiptap 编辑器，但在访问编辑器的内容时遇到问题。
\n我需要将编辑器的内容发布到 API，因此我需要该内容。这是我的代码：
\nimport tippy from "tippy.js";\nimport { Editor, EditorContent, VueRenderer } from "@tiptap/vue-2";\nimport Document from "@tiptap/extension-document";\nimport Paragraph from "@tiptap/extension-paragraph";\nimport Text from "@tiptap/extension-text";\n\nexport default {\n components: {\n EditorContent\n },\n\n props: {\n comment_type: String,\n comment_text: String,\n comment_id: Number,\n edit_mode: Boolean\n },\n\n data() {\n return {\n editor: null,\n limit: 280,\n users: [],\n comment_da: {},\n edit_comment_da: {}\n };\n },\n \n watch: {\n comment_text(value) {\n console.log(value);\n this.editor.setContent(value);\n }\n },\n\n mounted() {\n const self = this;\n const CustomParagraph = …我最近得到了一个使用 Nuxt.js 的项目，但遇到了一些问题。我有一个组件，可以从 API 获取一些产品，并从 Vuex 获取它们。每个产品可能有一个子级数组，每个子级可能有一个子级数组，依此类推。
import Images from '@/components/products/Images'
import { mapGetters } from 'vuex'
export default {
components: {
Images
},
data () {
return {
images: [],
options: {
width: 300,
padding: {
2: 8,
default: 12
}
}
}
},
computed: {
...mapGetters({
products: 'getProducts'
})
},
mounted () {
this.images = this.products.filter(
item => item.slug === this.$route.params.slug
)
}
}<template>
<div class="container_pic">
<div class="flow-root">
<div
v-for="(item, index) in images"
:key="index"
class="w-full md:p-4 py-4" …