[Vuejs]-Dynamic v-model don't complete inputs using v-html directive

0👍

Your input will not be bound to that data item since it’s not compiled, according to the official docs

The contents of the span will be replaced with the value of the rawHtml property, interpreted as plain HTML – data bindings are ignored. Note that you cannot use v-html to compose template partials, because Vue is not a string-based templating engine. Instead, components are preferred as the fundamental unit for UI reuse and composition

to deal with your use case you should proceed differently like only passing the data not the raw html via props, and bind your input normally

Leave a comment