访问此。$ el in Nuxt

Question

我尝试使用div contenteditable进行表情符号插入/操作，我发现的代码需要innerText属性。

我的editable.vue组件：

<template>
  <div
    contenteditable="true"
    @input="update"></div>
</template>
<script>
export default {
    props: {
        content: {
            type: String,
            default: '',
        },
    },
    mounted: () => {
        this.$el.innerText = this.content;
    },
    methods: {
        update (event) {
            this.$emit('update', event.target.innerText);
        },
    },
};
</script>

我用<editable @update="editableRaw = $event"></editable>

调用它

我需要一个div来包含基于svg的表情符号，用户可以在其中键入和组合多个表情符号。我想支持整个Unicode 11序列。

希望有人能够启发我。 干杯