Vue JS dynamic html v-model binding

Question

I have integrated Vue Js in the main MVC application. I have a requirement wherein at some place, dynamic html is loading from partial view. I want to bind vue js v-model into this dynamic html. For example, in my partial view, I have :

<input type="text" id="firstName" v-model="user.firstName" />

Now when I get the html from partial view and load it either by v-html or by jquery html(''), it is not binding vue js model.

Please guide on this.

Try binding the html first and instantiate the vuejs after the render — Stark Buttowski, Jul 09 '20 at 07:38
It is like after loading the view in mvc, on click of a button, a html will be served from the controller. In that html, there is a v-model — Vishal, Jul 09 '20 at 09:29

score 0 · Accepted Answer · answered Jul 13 '20 at 08:55

0

I managed to solve it by :

const vue2 = {                        
              template: nodeData.NodeProperties,
              el: "#app2"
             };
new Vue(vue2).$mount();

answered Jul 13 '20 at 08:55

Vishal

127
9

Vue JS dynamic html v-model binding

1 Answers1