У меня есть компонент, который в основном берет все из ввода и отображает HTML:
<template>
<div>
<input type="text" v-model="html">
<VRuntimeTemplate :template="html" />
</div>
</template>
<script>
import VRuntimeTemplate from 'v-runtime-template'
export default {
data: () => ({
html: ''
}),
components: {
VRuntimeTemplate
}
}
</script>
Теперь, когда я начну печатать, мне, очевидно, будет выдано сообщение о том, что входное значение не имеет закрывающего или завершающего тега.
Есть ли способ предварительно проверить HTML? Он отлично работает с v-html
, но есть проблема со сторонними модулями.
Песочница: https://codesandbox.io/s/vruntimetemplate-27bdz?fontsize=14