Me gustaría incluir algo de HTML en una variable dentro de mi función setup() de Vue.js 3 para usar más tarde dentro de la plantilla.
Cuando intento lo siguiente, aparece el error "VueCompilerError: Invalid end tag." porque Vue parece pensar que es parte del código del componente (que por supuesto no lo es).
<script> imports... setup() { const a = a; const b = b; const MyHTML = '<script></script>' // Vue thinks the </script> tag is part of the code } </script> // This gets thrown an error of VueCompilerError: Invalid end tag.¿Cómo puedo almacenar HTML como una cadena dentro de una variable sin que Vue lo interprete?
Busco sobre eso y encuentro varias soluciones. una de las soluciones está debajo de la línea. y creo que esta es la mejor solucion
<div v-html="MyHTML"></div> // eslint-disable-next-line no-useless-escape const MyHTML = ref('<script><\/script>')otra solución divertida es
const MyHTML = '...... </scr'+'ipt>......';