如何转义vue组件的刀片模板中的变量

<template>
  <div>
    <p v-html="escapedVariable"></p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      variable: '<span>这是一个变量</span>'
    };
  },
  computed: {
    escapedVariable() {
      // 使用DOMParser将变量中的HTML代码进行转义
      const parser = new DOMParser();
      const doc = parser.parseFromString(this.variable, 'text/html');
      return doc.documentElement.textContent;
    }
  }
};
</script>