Javascript 如何在vue的数据属性中查找html元素？

我正在尝试创建一个类似yoast的表单，它将检查有多少

或

最简单的方法是从该html字符串创建一个临时DOM，然后使用类似

querySelectorAll

或

getElementsByTagName

的内容对其进行计数

。。。
方法：{
onEditorChange（{quill，html，text}）{
让root=document.createElement（'div'）
root.innerHTML=html
this.h1Count=root.querySelectorAll（'h1'）.length
}
}
...

---

我不认为您可以直接在vue中执行此操作，因为quill不是vue的本土产品。您可能需要在纯js中手动执行此操作。

<template>
    <quill-editor
        class="editor"
        ref="myTextEditor"
        :value="postForm.postBody"
        @change="onEditorChange($event)"
    />
</template>
<script>
    import dedent from "dedent";

    export default {
        name: "post_detail",
        props: ['postForm'],
        methods: {
            onEditorChange({ quill, html, text }) {
                this.postForm.postBody = html
            }
        },
        computed: {
            editor() {
                return this.$refs.myTextEditor.quill
            }
        },
    }

</script>